javascript - 获取 jquery 中的兄弟节点值

Question

我想在这里获得兄弟姐妹的价值是我的代码

<table class="item-result-table" >
 <tr  class="class-tr">
  <td class="class-td"><label class="class-lbl">labeldata1</label></td>
  <td><label>labeldata2</label></td>
  <td>
    <input type="hidden" name="itmid[]"  value"itmid=something" />
    <input type="button" name="minus-name" class="minus" value="-" />
  </td>
 </tr>
</table>

我想得到 labeldata1 并尝试这些

$('.item-result-table').delegate('.minus', 'click', function(e) {
        alert(this.parentNode.parentNode.childNodes[0].childNodes[0].nodeValue);
});

结果未定义

任何帮助都非常感谢提前谢谢

Answer 1

为什么不使用 jQuery：

$('.item-result-table').delegate('.minus', 'click', function(e) {
    alert($(this).closest('tr').find('label').first().text());
});

如果您想使用 Vanilla JavaScript 遍历 DOM：

$('table').delegate('.minus', 'click', function (e) {
   console.log(this.parentNode.parentNode.children[0].children[0].textContent);
});

Answer 2

http://jsfiddle.net/GFT5a/3/

<table class="item-result-table">
    <tr  class="class-tr">
  <td class="class-td"><label class="class-lbl">labeldata1</label></td>
  <td><label>labeldata2</label></td>
  <td>
    <input type="hidden" name="itmid[]"  value"itmid=something" />
    <input type="button" name="minus-name" class="minus" value="-" />
  </td>
</tr>
</table>

<script>
    $('.item-result-table').delegate('.minus', 'click', function(e) {
        alert($(this).parent().siblings(':first-child').text());
    });
</script>

Answer 3

首先，我认为你应该使用$(this)而不是，this因为它返回一个与 jQuery 兼容的对象。

我相当确定您想使用jQuery 文档.siblings()中描述的内容。

您发布的 HTML 结构很难测试，因为没有.item-result-table类。