jquery找祖先包含_jQuery - 使用.parents()方法获取每个已选取元素的祖先元素

jQuery .parents() 获取每个已选取元素的祖先元素

.parents(selector )获取每个已选取元素的祖先元素，方法支持通过selector指定选择器用于筛选祖先元素。方法返回新的jquery对象。

以下代码展示如何获取div的祖先元素数量。

$(document).ready(function(){

$("span").click(function () {

var len = $("span").parents("div").length;

alert(len);

});

});

Hello findsrc.com

以下代码展示获取span的祖先元素并通过map映射获取所有祖先元素的元素名。

$(document).ready(function(){

var parentEls = $("span").parents()

.map(function () {

return this.tagName;

})

.get().join(", ");

$("span").append(parentEls);

});

代码展示点击后获取span的不重复的祖先元素。

$(document).ready(function(){

function showParents() {

var len = $("span")

.parents("div")

.css("border", "2px red solid")

.length;

$("b").text("Unique div parents: " + len);

}

$("span").click(function () {

showParents();

});

});

.selected { color:blue; }

span

span

findsrc.com