jQuery中的parent（）方法与parents（）方法的区别

最新推荐文章于 2019-11-28 16:49:37 发布

邵煜

最新推荐文章于 2019-11-28 16:49:37 发布

阅读量1.1k

点赞数 1

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/weixin_45104211/article/details/102990883

版权

jQuery 专栏收录该内容

10 篇文章

订阅专栏

一、总结

jQuery中的parent（）的作用是返回的是其上一级的父元素的jQuery对象输出；

jQuery中的parents（）的作用是返回的是其全部的父元素的jQuery对象输出；

二、案例

一、如上图中的body中标签的代码：

		<form>
			<input />
			<input type="radio" value="1"/>男 <input type="radio" value="2"/>女
			<input type="submit"/>
		</form>
		<script>
			console.log($("[type='radio']").parent());
		</script>

结果中含有但是仅仅一个：

二、如上图中的body中标签的代码：

		<form>
			<input />
			<input type="radio" value="1"/>男 <input type="radio" value="2"/>女
			<input type="submit"/>
		</form>
		<script>
			$("[type='radio']").parents().each(function(){
				console.log(this);
			});
		</script>

执行的结果如下：由于使用的each方法使得输出的是dom元素