Home/ Questions/Q 8165309
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T19:30:22+00:00

I trying to select all li elements at second level of the list add

  • 0

I trying to select all li elements at second level of the list add the special class to them. I have made several attempts without success. So the lielements that I target are the level just below Comedies, Tragedies and Histories.

<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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

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

</script>
    • 0