Question

我的每一行都有一个带单选按钮的表。这张表也包含每行的其他信息。我想要仅显示所选单选按钮行的详细信息不是所有的行。所选rb的样式也应该改变地选择。

无线电

<td class='v1'><input type='radio' name='price' value='rbt' id='rbt'>". oci_result($stmt, 'INFO_1') . "</td>\n"

子信息：

"<tr><td 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><td class='e4' colspan='2'>Subcell1</td><td class='e4' colspan='2'>INFO_2</td><td class='e4'>not included</td><td class='e4'>not included</td><td class='e4'>EUR 230</td><td class='e4'>free</td><td class='e4'>not included</td><td class='e4'>free</td><td class='e4'>free</td></tr>\n"
    . "</tr>\n"
    . "</tr>\n"


$(".e4").hide();
            $('input[type=radio]').click(function(){
             $(this).closest("tr").find(".e4").show();
         });

子信息适用于多行，但目标是仅显示所选行。

也许JQuery可以解决这个问题？

谢谢！

Answer 1

可能是您可以使用jquery的.parent(), .closest() and .find()函数来实现这一点，请查看文档，您将了解如何执行此操作

Answer 2

您可以使用nearest（）来获取最近的元素

.closest()

Answer 3

你没有提供任何代码，所以我也不会。

尝试.hide .show或.toggle我认为切换可能是最好的。

单击单选按钮时显示/隐藏其他信息

3 个答案: