Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何从第一个celDiv单选按钮获取其他celDiv数据?_Jquery_Jquery Selectors - Fatal编程技术网

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将其放入代码块中,这将使你的代码可见。