<!DOCTYPE html> <!--jQuery遍历之过滤--> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-2.1.4.min.js"></script> <script src="js20.js"></script> </head> <body> <div> <p>div01</p> </div> <div> <p class="p2">div02</p> </div> <div> <p>div03</p> </div> </body></html>
js:
/** * Created by hao on 2015/8/16. */ $(document).ready(function(){ //过滤出第一个 $("div p").first().css("background-color","red"); //过滤出最后一个 $("div p").last().css("background-color","red"); //过滤出下标是1的 $("div p").eq(1).css("background-color","red"); //过滤出class是p2 $("div p").filter(".p2").css("background-color","red"); //过滤出clss不是p2 $("div p").not(".p2").css("background-color","red"); })