parent()、parents()和closest()方法两两之间有类似又有不同,在此简短的区分一下这三个方面。
1.parent()
描述:获得集合中每一个匹配元素的父级元素
示例:$('.item-1').parent().css('background-color','red');
parent()方法从指定类型的直接父节点开始查找。parent()返回一个元素节点。
2.parents()
描述:获得集合中每个匹配元素的祖先元素
示例:$('.item-1').parent('ul').css('background-color','red');
parents()方法查找方式同parent()方法类似,不同的一点在于,当它找到第一个父节点时并没有停止查找,而是继续查找,最后返回多个父节点。
3.closest()
描述:从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素
示例:$('.item-1').closest('ul').css('background-color','red');
closest()方法查找是从包含自身的节点找起,它同parents()方法类似,不同点就在于他只返回匹配的第一个元素节点。