0

liリストの2番目のレベルですべての要素を選択しようとすると、それらに特別なクラスが追加されます。私は成功せずにいくつかの試みをしました。ですから、li私がターゲットにしている要素は、コメディ、悲劇、歴史のすぐ下のレベルです。

<script type="text/javascript">
    $(document).ready(function () {
        $('li').next().addClass('special');
    });
</script>

<style type="text/css">
    .special {
        font-style: italic;
    }
</style>

<body>
    <div id="container">
        <h2>Selected Shakespeare Plays</h2>
        <ul id="selected-plays" class="clear-after">
            <li>Comedies
                <ul>
                    <li>
                        <a href="/asyoulikeit/">As You Like It</a>
                    </li>
                    <li>All's Well That Ends Well</li>
                    <li>A Midsummer Night's Dream</li>
                    <li>Twelfth Night</li>
                </ul>
            </li>
            <li>Tragedies
                <ul>
                    <li>
                        <a href="hamlet.pdf">Hamlet</a>
                    </li>
                    <li>Macbeth</li>
                    <li>Romeo and Juliet</li>
                </ul>
            </li>
            <li>Histories
                <ul>
                    <li>Henry IV (
                        <a href="mailto:henryiv@king.co.uk">email</a>)
                        <ul>
                            <li>Part I</li>
                            <li>Part II</li>
                        </ul>
                    </li>
                    <li>
                        <a href="http://www.shakespeare.co.uk/henryv.htm">Henry V</a>
                    </li>
                    <li>Richard II</li>
                </ul>
            </li>
        </ul>
</body>
4

2 に答える 2

5

これを試して：

<script type="text/javascript">
        $(document).ready(function(){
            $('#selected-plays > li > ul > li').addClass('special');
        });

</script>
于 2012-07-03T13:45:45.313 に答える
0

また

$('#selected-plays li').find('li').addClass('special');

コレクション内の子を見つける方法はたくさんあります

于 2012-07-03T13:49:58.333 に答える