美文网首页
jquery parent() parents() 区别

jquery parent() parents() 区别

作者: 6659a0f02826 | 来源:发表于2017-11-20 23:17 被阅读10次

parent()
函数用于选取每个匹配元素的父元素

<div id="n1">
    <p id="n2"></p>
    <p id="n3">
        <span id="n4" class="foo"></span>
    </p>
</div>
<div id="n5" class="bar">
    <p id="n6" class="foo"></p>
</div>
//获取n2的父元素
var $parents1 = $n2.parent();
document.writeln( getTagsInfo( $parents1 ) ); // DIV#n1

var $p = $("p");

// 获取所有p元素的父元素
var $parents2 = $p.parent();
document.writeln( getTagsInfo( $parents2 ) ); // DIV#n1,DIV#n5

parents()
函数用于选取每个匹配元素的祖先元素

<!DOCTYPE html>
<html>
<body>
<div id="n1">
    <p id="n2"></p>
    <p id="n3">
        <span id="n4" class="foo"></span>
    </p>
</div>
<div id="n5" class="bar">
    <p id="n6" class="foo"></p>
</div>
</body>
</html>
//获取n4的祖先元素
var $parents1 = $n4.parents();
document.writeln( getTagsInfo( $parents1 ) ); // P#n3,DIV#n1,BODY,HTML

var $p = $("p");

//获取所有p元素的祖先元素
var $parents2 = $p.parents();
document.writeln( getTagsInfo( $parents2 ) ); // DIV#n5,DIV#n1,BODY,HTML

相关文章

网友评论

      本文标题:jquery parent() parents() 区别

      本文链接:https://www.haomeiwen.com/subject/jvobvxtx.html