jQuery element child

05 Mar 2017

####1

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

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

make all the li underground ul click alert(“hello”)

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

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

make all the li except first li underground ul click alert(“hello”) ####2

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

$(".sample_list li:not(:eq(0))").click(function(){
        alert("hello");
    });
    they are equal
$(".sample_list li:not(:first-child)").click(function(){
        alert("hello");
    });

make all the li except first li underground ul click alert(“hello”)

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

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

make all the li underground ul click alert(“hello”) jQuery debugger two ways: console.log();,alert()

$(".sample_list li").parent().find('li').click(function(){
    alert("hahah");
});
make click all the li element alert hahaha