Jquery 如何从第一个celDiv单选按钮获取其他celDiv数据?
我有一张桌子Jquery 如何从第一个celDiv单选按钮获取其他celDiv数据?,jquery,jquery-selectors,Jquery,Jquery Selectors,我有一张桌子 <table> <tr><td><input radio name="R1" onClick=getOtherColumnData()>first</td><td>TR1-TD2</td><td>TR1-TD3</td><td>TR1-TD4</td></tr> <tr><td><input radio nam
<table>
<tr><td><input radio name="R1" onClick=getOtherColumnData()>first</td><td>TR1-TD2</td><td>TR1-TD3</td><td>TR1-TD4</td></tr>
<tr><td><input radio name="R1" onClick=getOtherColumnData()>Second</td><td>TR2-TD2</td><td>TR2-TD3</td><td>TR2-TD4</td></tr>
<tr><td><input radio name="R1" onClick=getOtherColumnData()>first</td><td>TR3-TD2</td><td>TR3-TD3</td><td>TR3-TD4</td></tr>
</table>
第一个TR1-TD2TR1-TD3TR1-TD4
第二个TR2-TD2TR2-TD3TR2-TD4
第一个TR3-TD2TR3-TD3TR3-TD4
现在,当我单击单选按钮时,如何获取其他列的数据?
我正在尝试使用
$(td)('nth-child(3)div').text()代码>
但它将返回所有行的第3个TD数据,但我只想返回单击单选按钮的特定行
谢谢你的帮助
Nilesh您应该将此
参数传递给您的函数,这样您就可以获得其他列的数据
<table>
<tr><td><input type="radio" name="R1" onClick=getOtherColumnData(this)>first</td><td>TR1-TD2</td><td>TR1-TD3</td><td>TR1-TD4</td></tr>
<tr><td><input type="radio" name="R1" onClick=getOtherColumnData(this)>Second</td><td>TR2-TD2</td><td>TR2-TD3</td><td>TR2-TD4</td></tr>
<tr><td><input type="radio" name="R1" onClick=getOtherColumnData(this)>first</td><td>TR3-TD2</td><td>TR3-TD3</td><td>TR3-TD4</td></tr>
</table>
<script>
function getOtherColumnData(e) {
$(e).parent().siblings().each(function() {
alert($(this).html());
});
}
</script>
第一个TR1-TD2TR1-TD3TR1-TD4
第二个TR2-TD2TR2-TD3TR2-TD4
第一个TR3-TD2TR3-TD3TR3-TD4
函数getOtherColumnData(e){
$(e).parent().sibbines().each(function()){
警报($(this.html());
});
}
既然您已经在使用jQuery,为什么不使用它来绑定单击处理程序呢?然后,在处理程序中,此
将引用单击的收音机,而最接近(“tr”)将给出它所在的行。如果要按索引或其他选择器选择特定单元格,可以从中使用.find()
或.children()
获取该行的其他单元格。或者您可以使用$(this).parent()
获取收音机所在的单元格,并使用$(this).parent().sides()
获取行中的其他单元格
$('input[name="R1"]').click(function() {
var $tr = $(this).closest("tr"),
cell3content = $tr.children().eq(2).text(); // get content of third cell
// or
var $allOtherCellsInRow = $(this).parent().siblings();
});
你能在这里发布你的html吗?当你试图在你的问题中编写代码时,你应该选择代码并用ctrl+k将其放入代码块中,这将使你的代码可见。