1、在Jquery中提供三个获取父标签的方法
- $().parent()
$('#id').parent();
// jquery实现原理,获取element的parentNode,如果parentNode为document,则返回null
parent: function( elem ) {
var parent = elem.parentNode;
return parent && parent.nodeType !== 11 ? parent : null;
}
- $().parents(); 获取父元素数组
$('#id').parents();// 返回父标签数组
//jquery实现原理,调用dir方法获取元素的parentNode
parents: function( elem ) {
return dir( elem, "parentNode" );
}
/**
* 获取elem对象的dir属性,当dir属性为until时,直接返回
* elem的noteType不能为9(document对象),当nodeType为1(元素)时,才获取到的值返回
* @param elem element对象
* @param dir 要获取的属性 默认为parentNode
* @param until 当为此类型时,直接返回 默认为空
* @returns {Array} 数组对象
*/
var dir = function( elem, dir, until ) {
var matched = [],
truncate = until !== undefined;
while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) {
if ( elem.nodeType === 1 ) {
if ( truncate && jQuery( elem ).is( until ) ) {
break;
}
matched.push( elem );
}
}
return matched;
};
- $(‘#id’).parentsUntil():获得当前匹配元素集合中每个元素的祖先元素,直到(但不包括)被选择器、DOM 节点或 jQuery 对象匹配的元素。
$('#id').parentsUntil('selector')
parentsUntil: function( elem, i, until ) {
return dir( elem, "parentNode", until );
},