在jquery中获取兄弟节点值

时间:2013-06-19 07:53:08

标签: javascript jquery html

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

<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);
});

结果未定义

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

3 个答案:

答案 0 :(得分: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);
});

答案 1 :(得分:1)

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>

答案 2 :(得分:0)

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

我很确定您要使用the jQuery documentation中描述的.siblings()

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

相关问题