如何用jQuery查找表格行中首个带data-uuid属性的元素？

别急，我来帮你捋清楚问题所在，顺便给出通用的解决方法～

首先，你用的[data-uuid]选择器本身是完全正确的，能匹配所有带有这个属性的元素。之所以返回undefined，大概率是这几个原因导致的：

可能的问题排查点 #

• row变量指向错误：你得先确认row是不是真的指向了目标<tr>元素。比如如果row是原生DOM元素，$(row)没问题；但如果getRowId(row)返回的ID不正确，那$('tr#' + rowId)就找不到对应的行。
• 代码执行时机不对：如果这行是动态生成的（比如通过JS新增的表格行），那你得确保查找代码是在元素生成之后执行的，而不是页面刚加载完就跑。
• 没有明确取第一个匹配元素：虽然find('[data-uuid]').data('uuid')默认会取第一个匹配元素的data值，但有时候DOM结构复杂时，加个.first()会更稳妥。

通用的正确写法 #

下面是经过验证的通用代码，不管你的表格行是静态还是动态生成的，都能适用：

// 先确保row是有效的<tr>元素（DOM对象或jQuery对象都可以）
const $targetRow = $(row);

// 查找行内第一个带data-uuid属性的元素
const $uuidElement = $targetRow.find('[data-uuid]').first();

// 先检查元素是否存在，再获取值
if ($uuidElement.length > 0) {
  const uuid = $uuidElement.data('uuid');
  console.log('找到的UUID值：', uuid);
  // 这里可以继续处理你的逻辑
} else {
  console.log('当前表格行中没有带data-uuid属性的元素');
}

如果你想试试原生JS的写法（有时候能更快排查问题），可以用这个：

// 假设row是原生<tr> DOM元素
const uuidElement = row.querySelector('[data-uuid]');
if (uuidElement) {
  // 两种获取属性值的方式都可以
  const uuid = uuidElement.dataset.uuid;
  // 或者 const uuid = uuidElement.getAttribute('data-uuid');
  console.log('找到的UUID值：', uuid);
}

额外的验证小技巧 #

你可以先在浏览器控制台里测试：

1. 选中目标表格行，执行$0就能获取到这个元素
2. 然后运行$($0).find('[data-uuid]').data('uuid')，看看能不能拿到值。如果能，说明你的代码逻辑没问题，只是执行时机或者row变量的问题；如果不能，那可能是DOM结构里确实没有带这个属性的元素（不过你的示例里是有的）。

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