本文主要是介绍jQuery中parent方法与parents方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、parent方法
得到一个唯一父元素的元素集合
2、parents方法
取得包含着所有祖先元素的元素集合
具体请看以下示例:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="../js/jquery-3.3.1.js"></script></head><body><form><input/><input type="radio" value="1" />男<input type="radio" value="2"/>女<input type="submit" value="提交" /></form><script>var dom = $("[type='submit']").parent()[0];console.log(dom);$("[type='submit']").parents().each(function(){console.log(this);});</script></body>
</html>
效果:
分析:
第一个parent方法得到的有< form>< /form>集合,因为其是唯一的匹配的集合。
第二个parents方法得到的有< form>< /from>、< body>< /body>、< html>< /html>,这是按照“由内至外”的顺序。
这篇关于jQuery中parent方法与parents方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!