Javascript 使用jquery查找同级td元素

我有一张这样的桌子：

<table>
  <tr>
    <td class='class1' id='id1'></td>
    <td class='class2' id='id2'></td>
    <td class='class3' id='id3'></td>
    <td class='class4' id='id4'><button id='editButton'></button></td>
  </tr>
  <tr>
    <td class='class1' id='id1'></td>
    <td class='class2' id='id2'></td>
    <td class='class3' id='id3'></td>
    <td class='class4' id='id4'><button id='editButton'></button></td>
  </tr>
</table>

---

现在我需要找到最近的

id3

。函数

.next（'class3'）

和

.nextest（'class3'）

对我没有帮助，或者我用错了它们。请帮助我第一个：id必须是唯一的

所以你的代码应该是

<table>
  <tr>
    <td class='class1' id='id1'></td>
    <td class='class2' id='id2'></td>
    <td class='class3' id='id3'></td>
    <td class='class4' id='id4'><button class="editButton"></button></td>
  </tr>
  <tr>
    <td class='class1' id='id5'></td>
    <td class='class2' id='id6'></td>
    <td class='class3' id='id7'></td>
    <td class='class4' id='id8'><button class="editButton"></button></td>
  </tr>
</table>

---

1st:id必须是唯一的

所以你的代码应该是

<table>
  <tr>
    <td class='class1' id='id1'></td>
    <td class='class2' id='id2'></td>
    <td class='class3' id='id3'></td>
    <td class='class4' id='id4'><button class="editButton"></button></td>
  </tr>
  <tr>
    <td class='class1' id='id5'></td>
    <td class='class2' id='id6'></td>
    <td class='class3' id='id7'></td>
    <td class='class4' id='id8'><button class="editButton"></button></td>
  </tr>
</table>

---

那么什么是编辑按钮？？？我从您发布的结果中删除了它，但是…

#editButton

是class4So中的一个按钮，所以只需

$（this）.closest（'td'）.prev（）.attr（“id”）

，但是仅供参考，这是关于重复id的无效HTML标记。。。点击第二个编辑按钮不会触发任何事件here@A.Wolff哦，这对我帮助很大。谢谢大家!@A.Wolff+1使用.prev（）：）那么什么是

#editButton

？？？我从您发布的结果中删除了它，但是…

#editButton

是class4So中的一个按钮，所以只需

$（this）.closest（'td'）.prev（）.attr（“id”）

，但是仅供参考，这是关于重复id的无效HTML标记。。。点击第二个编辑按钮不会触发任何事件here@A.Wolff哦，这对我帮助很大。谢谢大家!@A.Wolff+1使用.prev（）：）非常有效，谢谢。为什么要这么复杂ehh@divHelper11这并不复杂，只要找到父tr并找到第三个td就可以了，谢谢。为什么要这么复杂ehh@divHelper11这并不复杂，只需.nearest（）转到父tr并找到第三个td即可

$(".editButton").on("click", function(){
   alert($(this).closest('tr').find('td:nth-child(3)').attr("id"));
});