Javascript 基于类的映射特定父td ID

我很难让这段代码报告每个有子td的机器名，该机器名的类为“up\u avail”。这段代码只是用相同的机器名回复两次，而不是获取预期的两个机器名

感谢您的帮助

<table border=1>
   <th>Machine Name</th><th>Result</th><th>Status</th>
   <tr>
     <td class="tdresult" id="WN-MN161FY0X066">WN-MN161FY0X066</td>
     <td>Found</td>
     <td class='up_avail'>New</td>
   </tr>
   <tr>
     <td class="tdresult" id="WD-ORA60YY1U015">WD-ORA60YY1U015</td>
     <td>Found</td>
     <td class='up_success'>Complete</td>
   </tr>
   <tr>
     <td class="tdresult" id="WD-ORA60YY1U030">WD-ORA60YY1U030</td>
     <td>Found</td>
     <td class='up_avail'>New</td>
   </tr>
</table>

<div id="set_status" class=button>Check</div>

拨弄

---

简单地使用.sibbines“.tdresult”映射出所有所需元素会容易得多。从这里，您可以简单地循环讨论中的元素：

$“设置状态”。单击功能{ var arrayOfIds=$.map$.up\u效用，函数{ 返回$'.up_avail'.sillides'.tdresult'； }; $.eacharrayOfIds，函数索引，值{ console.logarrayOfIds[0][index].id； }; }; 机器名 后果 地位 WN-MN161FY0X066 建立 刚出现的 WD-ORA60YY1U015 建立 完成 WD-ORA60YY1U030 建立 刚出现的

---

选中您需要通过using.each循环，或者在up\u avail类上使用map并以这种方式返回ID

$“设置状态”。单击功能{ var arrayOfIds=$.up_avail.mapfunction{返回$this.parent.find'.tdresult.attr'id'；}.get； alertarrayOfIds； }; .按钮{ 宽度：100px； 文本对齐：居中； 背景：绿色； 颜色：fff； 填充物：5px； 利润率：10px } WN-MN161FY0X066 建立 刚出现的 WD-ORA60YY1U015 建立 完成 WD-ORA60YY1U030 建立 刚出现的

---

检查有一种更简单的方法，通过使用jQ的.sides、.get和JS的.map

$“设置状态”。单击功能{ var arrayOfIds=$.up\u avail.sides.tdresult.get.mapfunctionel{ 返回el.id； }; alertarrayOfIds； }; .按钮{ 宽度：100px； 文本对齐：居中； 背景：绿色； 颜色：fff； 填充物：5px； 利润率：10px } WN-MN161FY0X066 建立 刚出现的 WD-ORA60YY1U015 建立 完成 WD-ORA60YY1U030 建立 刚出现的 检查

---

使用$'.up\u avail'.parent。。。在函数中，每次都选择所有这些元素的父元素。你为什么要升这么多家长级别。。。？一位家长将您带到表行，您希望在其中找到.tdresult。老实说，这是我扔掉的第一个代码，我没怎么想它。我想每个TD都会有一个家长。哦，多亏了所有的反对票，但没有解释为什么会被否决。真正帮助开发人员了解他们做错了什么。

$('#set_status').click(function() {
  var arrayOfIds = $.map($(".up_avail"), function() {
     return $('.up_avail').parent().parent().parent().find('.tdresult').attr("id");
  });
  alert(arrayOfIds);
});