0

アコーディオン効果をテーブルに統合しています。

クラス「more」を持つテーブル行は、上記のテーブル行の子です。そのテーブルの行がクリックされたときに、「その他」の tr がトグルするようにします。通常の「行」テーブルの行ではなく、これらのテーブルの行をターゲットにするにはどうすればよいですか。

        <tr class="row first">
            <td>
                <span class="time">09.00&ndash;09.15</span>
                <h3>
                    Welcome and introduction</h3>
            </td>
            <td>
                person info</td>
        </tr>
        <tr class="row">
            <td>
                <span class="time">09.00&ndash;09.15</span>
                <h3>
                    Welcome and introduction</h3>
            </td>
            <td>
                person info</td>
        </tr>


        <tr class="more">
            <td>
                <h3>
                    hidden content</h3>
            </td>
            <td>
                person info</td>
        </tr>
        <tr class="more">
            <td>
                <h3>
                    hidden info</h3>
            </td>
            <td>
                person info</td>
        </tr>
            </div>

        <tr class="row">
            <td>
                <span class="time">09.00&ndash;09.15</span>
                <h3>
                    Welcome and introduction</h3>
            </td>
            <td>
                person info</td>
        </tr>
        <tr class="row break">
            <td>
                <h3>
                    10.50&ndash;11.20 Coffee break</h3>
            </td>
            <td>
                &nbsp;</td>
        </tr>
4

1 に答える 1

2

との組み合わせを使用し.nextUntil()ます:not。

$("table tr.row").each(function(){
  var $this = $(this);
  $this.click(function(){
    $this.nextUntil(":not(.more)").toggle();
  });
});

セレクターは、クラス名:not(.more)を含まないすべての要素に一致します。more

こちらをご覧ください。

于 2013-02-01T18:07:51.313 に答える