0

ファイル名とファイルに関するいくつかのメタデータを含む単一の結果である次の HTML があります。最初にクラス「detail-pane」を持つテーブルを非表示にしたい（これを行う方法を知っている）、ファイル名に関連する（クラス「detail-pane」の）パネルを表示したい（例：H001_abcde_martin_chop.gits）ファイル名がクリックされたとき。クラス「ファイル名」のどのオブジェクトがクラス「詳細ペイン」のどのオブジェクトに関連しているかを理解し、関連する表示と非表示を行うjQueryを作成できるように、2つの相互に関連するものを取得するにはどうすればよいですか:

私は多くを求めていることを知っていますが、これは私にとって多くの問題を解決するのに役立ちます.

コード：

<td><span class="normal"><div class="filename">H001_abcde_luther_chop.fits</div></span>
        <table id="detail1" border="0" cellspacing="0" cellpadding="6" class="detail-pane">
          <tr>
            <td><span class="normal">CTYPE1 = 'RA---SIN'&nbsp;</span></td>
          </tr>
          <tr>
            <td><span class="normal">CRVAL1 = 0.000000000000E+00</span></td>
          </tr>
          <tr>
            <td><span class="normal">CTYPE2 = &quot;DEC--SIN'</span></td>
          </tr>
          <tr>
            <td><span class="normal">CRVAL2 = -9.000000000000E+01</span></td>
          </tr>
        </table></td>
4

1 に答える 1

2

フォーマットが常にこのような場合は、次のようにトラバースすることができます。

$(".filename").click(function() {
  $(this).closest("td").find(".detail-pane").show();
});

jqueryでは、要素に対する一貫した位置によって関連オブジェクトを検索するのが一般的です。この場合、最初の親のところに行き、その中<td>を見つけてclass="detail-pane"表示します。.fadeIn()代わりに.show()追加の効果を出すこともできます。

于 2010-02-26T02:44:45.927 に答える