Jquery从另一个td中选择td值

时间:2012-01-23 12:29:32

标签: javascript jquery html jquery-ui

我查看手册中搜索表格中的下一个值,但问题是我在第一个跨区单元格中导致事件被捕获:

jQuery代码:

$('span[name="checkSeleccion"]').live('click',function(){       
    alert($(this).attr('id')+"::"+$(this).next('td').html());
});

HTML code:

<tbody>
    <tr>
    <td>
    <span id="606" class="checkboxClear" rel="606-null-335" name="checkSeleccion">&nbsp;</span>
    </td>
    <td style="padding-top:6px;">http://www.hithere.com</td>
    <td align="center" style="padding-top:6px;">335</td>
    </tr>
</tobdy>

有没有办法在单击跨度时捕获第二个td值?

感谢。

3 个答案:

答案 0 :(得分:2)

改变这个:

$(this).next('td')

到此:

$(this).parent('td').next('td')

答案 1 :(得分:1)

添加 .parent()选择器:

alert($(this).attr('id')+"::"+$(this).parent().next('td').html()); });

答案 2 :(得分:1)

您忘记使用.parent()

$('span[name="checkSeleccion"]').live('click', function() {       
  alert(this.id + "::" + $(this).parent().next('td').html());
});

另请注意,$(this).attr('id')可以写成this.id,效率更高(更容易输入!)。