您的位置:首页 > Web前端 > JQuery

jquery中元素选择方法

2017-08-17 00:00 246 查看
根据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元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: