Question

I have ul li list and I want to fire a jQuery click event on clicking “li” element but except the first li/first-child. So suppose if I have a below list:

<script type="text/javascript">
    $(document).ready(function(){
        $(".sample_list li").click(function(){
            alert("hello");
        });
    });
</script>

<ul class="sample_list">
    <li>First Child</li>
    <li>Second Child</li>
    <li>Third Child</li>
    <li>Fourth Child</li>
</ul>

Now when I click other li’s except the first one I should get the alert box. I think I have to write something in this $(“.sample_list li”), something like $(“.sample_list li:other-child”) but not sure. Please help

Thanks in advance

Answer 1

$(".sample_list li:not(:eq(0))").click(function(){
        alert("hello");
    });

DEMO

---

$(".sample_list li:not(:first-child)").click(function(){
        alert("hello");
    });

DEMO

---

$(".sample_list li").slice(1).click(function(){
        alert("hello");
    });

DEMO