0

各行にラジオボタンがあるテーブルがあります。このテーブルには、各行の追加情報も含まれています。すべての行ではなく、選択したラジオ ボタンの行のみの詳細情報を表示したいと考えています。選択した 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はこれを解決できますか？

ありがとう！

4

3 に答える 3

1

これを実現するためにjqueryの機能を使用できるかもしれません。.parent(), .closest() and .find()ドキュメントを参照してください。これを行う方法についてのアイデアが得られます

于 2013-10-18T11:35:59.137 に答える
0

最も近い要素を取得するには、closest() を使用できます。

.最も近い()

于 2013-10-18T11:34:44.830 に答える
0

あなたはコードを与えないので、私もしません。

試してみる.hide .showか、.toggle トグルが最適だと思います。

于 2013-10-18T11:35:11.917 に答える