Question

PHP生成一个html表。在此表中，应显示行单击父行中的单选按钮时。奇怪的是，只显示了第一行。但是有4行子信息。这是一个片段：

PHP（子信息）

. "<tr class='info' style='display:none'><td id='e4' class='e4' colspan='2'>Subcell1</td><td class='e4' colspan='2'>Info 1:</td><td class='e4'>EUR 194</td><td class='e4'>EUR 194</td><td class='e4'>EUR 194</td><td class='e4'>free</td><td class='e4'>EUR 310</td><td class='e4'>free</td><td class='e4'>free</td></tr>\n"
    . "</tr>\n"

。 “Subcell1Info 2：未包含未包含的内容包括免费内容。 “\ n” 个

JQuery的

$(document).ready(function(){
           $("#outbound tr input").click(function (){
               $(this).find('input[type=radio]').prop('checked', true);
               $(this).closest('tr').next('tr').toggle();

非常感谢任何帮助。

Answer 1

您已选择.next()，只选择一行...而是将其更改为nextAll()，选择下一个出现的所有元素。

$(document).ready(function(){
   $("#outbound tr input").click(function (){
       $(this).find('input[type=radio]').prop('checked', true);
       $(this).closest('tr').nextAll('tr').toggle();

Answer 2

您只选择next()的一个元素，您需要使用jQuery nextAll()方法来选择所有其他行。像这样：

$(this).closest('tr').nextAll('tr').toggle();

选择单选按钮时显示所有行

2 个答案: