1

同じクラスのテーブルがいくつかあり、それぞれに 2 つの行があります。2 行目の各テーブルの td 要素に特定のクラスを与えたいのですが、その方法は最初のテーブルに対してのみ行われ、その理由がわかりません。

$('#main table.asseenin_table tr:eq(1) td').addClass('asi_second');

FIRST テーブルの 2 行目の td 要素のみがクラスを取得し、他のテーブルは取得しません。

<table class="asseenin_table">

                <tr>
                    <td><a href="#"><img src="images/asseenin/1.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/2.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/3.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/4.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/5.jpg" /></a></td>
                </tr>

                <tr>
                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>
                </tr>

            </table>

            <table class="asseenin_table">

                <tr>
                    <td><a href="#"><img src="images/asseenin/6.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/7.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/8.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/9.jpg" /></a></td>
                    <td><a href="#"><img src="images/asseenin/10.jpg" /></a></td>
                </tr>

                <tr>
                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>

                    <td>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    <a href="#"><img src="images/asseenin/thumbs/thumb.jpg" /></a>
                    </td>
                </tr>

            </table>
4

3 に答える 3

1

:last-childの代わりに使用してみてくださいeq

$('#main table.asseenin_table tr:first-child td').addClass('asi_second');
于 2013-03-14T10:17:40.363 に答える
1

http://api.jquery.com/eq/のドキュメントにあるように、要素が 1 つしかない場合Description: Reduce the set of matched elements to the one at the specified index.:eq(1)

問題を解決するには:nth-child()( http://api.jquery.com/nth-child-selector/ ):

$('#main table.asseenin_table tr:nth-child(1) td').addClass('asi_second');
于 2013-03-14T10:19:01.250 に答える
-1

たぶん次のようになります:(この「。」の「#」を変更します-もちろん、クラスをテーブルに追加し、IDを削除します)

$('.main table.asseenin_table tr:eq(1) td').addClass('asi_second');
于 2013-03-14T10:19:21.853 に答える