如何从console.log(ui)输出的对象中提取div#后的数字并传递给JavaScript方法？

没问题，我来帮你搞定这个需求！根据你描述的场景，咱们可以分几步来实现：

1. 定位UI对象中的目标元素 #

首先，你在console里看到的黄色高亮div，应该是ui对象里的某个属性（比如在jQuery UI的拖拽、排序组件中，通常是ui.item；如果不是的话，你可以在开发者工具里展开ui对象，找到对应的属性名替换即可）。咱们先获取这个元素的ID：

stop: function(event, ui) {
  // 这里的ui.item替换成你console里看到的对应属性
  const targetDiv = ui.item;
  const divId = targetDiv.attr('id');
  console.log('目标元素ID:', divId); // 比如输出 "div123" 或者 "myDiv_456"
}

2. 从ID中提取数字 #

接下来用正则表达式匹配ID里的数字部分，确保能准确提取出div#后面的数字：

// 匹配ID中所有连续的数字
const numberMatch = divId.match(/\d+/);
if (numberMatch) {
  // 把匹配到的字符串转成整数
  const extractedNumber = parseInt(numberMatch[0], 10);
  console.log('提取到的数字:', extractedNumber);
} else {
  console.warn('目标ID中没有找到数字，请检查元素ID格式');
}

3. 传递数字给你的JavaScript方法 #

最后把提取到的数字传入你自定义的方法即可，整合后的完整代码如下：

stop: function(event, ui) {
  // 1. 获取目标元素及ID
  const targetDiv = ui.item; // 根据实际ui结构调整属性名
  const divId = targetDiv.attr('id');
  
  if (!divId) {
    console.warn('目标元素没有设置ID');
    return;
  }

  // 2. 提取数字
  const numberMatch = divId.match(/\d+/);
  if (numberMatch) {
    const extractedNumber = parseInt(numberMatch[0], 10);
    // 3. 传递给你的自定义方法
    yourCustomMethod(extractedNumber);
  } else {
    console.warn('无法从ID中提取数字，请确认ID格式');
  }
}

小提示 #

如果你的ID格式比较特殊（比如是div-123、item_789这类带分隔符的），上面的正则/\d+/依然能正常匹配到数字，不需要额外修改。如果ui里的目标元素不是ui.item，你只需要在开发者工具里查看ui对象的结构，把ui.item换成对应的属性（比如ui.element、ui.helper）就行。

内容的提问来源于stack exchange，提问作者Baba