jquery中元素选择方法

2019独角兽企业重金招聘Python工程师标准>>>

根据text获得指定元素：

var targetElement = $(":contains('元素文本')");

 

//获得id为a的元素的直接父类元素

$("#a").parent();

 

获得所有父类祖先：

$("#a").parents();

$("#a").parents("p");

 

获得指定子元素和指定祖元素之间的所有元素：

$("span").parentsUntil("div");//获得子元素span到父元素div之间的所有祖先元素

 

指定元素的直接子元素集合：

$("div").children(); //直接子元素集合

$("div").children(“p”);

$("div").children(“p.a”);//所有子类class为a的p元素

 

指定元素的所有后代元素集合：

$("div").find("*");//所有后代元素

$("div").find("span"); //所有后代span元素

 

获得指定元素的同级元素：

$("#a").siblings();(所有同级元素)

$("#a").siblings("p");(同级p元素)

 

同级下一个元素：

$("#a").next();

同一级上个元素：

$("#a").prev();

 

同级所有之后的元素：

$("#a").nextAll();

同级所有之前的元素：

$("#a").prevAll();

 

指定俩元素之间所有的同级元素（#a向后的元素）：

$("#a").nextUntil("#b");

指定俩元素之间所有的同级元素（#a向前的元素）：

$("#a").prevUntil("#b");

 

最后一个元素：

$("a").last(); //最后一个a元素

$("div a").last(); //最后一个div元素中的最后一个a元素

 

第一个元素：

$("a").first();

$("div a").first();

 

指定索引的的元素：

$("a").eq(0); //第一个a元素

$("a").eq(3); //第四个a元素

 

过滤获得指定元素：

$("a").filter(".b"); //class为b的a元素

 

排除获得元素：

$("a").not(".b"); //获得class为b以外的a元素

 

 

转载于:https://my.oschina.net/kevin2kelly/blog/1512117