jquery子元素过滤选择器_jquery中子元素过滤选择器中选取第一个子元素、最后一个子元素以及选取索引值

通过选择表单中的子元素来实现对元素的批处理操作。
HTML代码：

<div class="one">
        <div class="child">

        </div>
        <div class="child">

        </div>
        <div class="child">

        </div>
    </div>
1
2
3
4
5
6
7
8
9
10
11

jquery代码为：

    $("#operate3").click(function(){
        console.info("操作3");
        $("div.child:nth-child(2)").addClass("second-child");//选择class为one的第二个子元素。
        $("div.child:last-child").addClass("aaa");//选择class为one的第一个子元素。
        $("div.child:first-child").addClass("first-child");//class为one的最后一个元素。
        $(".one>div:nth-child(3)").addClass("last-child");//class为one的唯一一个元素。
    });
1
2
3
4
5
6
7