jquery子元素过滤选择器

来源:互联网 发布:java怎么显示行 编辑:程序博客网 时间:2024/05/21 22:22

这里写图片描述
通过选择表单中的子元素来实现对元素的批处理操作。
HTML代码:

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

jquery代码为:

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