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

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：不包括不包括EUR 230免费不包括免费免费\n”。"\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()，您需要使用 jQuerynextAll()方法来选择所有其他行。像这样：

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