jQuery的parent()方法可以从当前元素中获取直接父元素。它可以接受一个可选参数,可以通过这个参数来过滤出符合要求的父元素。
使用parent()方法的语法如下:
$(selector).parent(filter);
其中,selector是要查找父元素的元素,而filter是一个可选参数,可以使用这个参数来筛选父元素。
下面是一个例子:
This is a box.
如果要获取box元素的父元素,可以使用如下语句:
$('.box').parent();
这将返回box元素的直接父元素,即col-sm-4元素。
如果要获取box元素的父元素的父元素,可以使用如下语句:
$('.box').parent().parent();
这将返回box元素的父元素的父元素,即row元素。
如果要获取box元素的class为row的父元素,可以使用如下语句:
$('.box').parent('.row');
这将返回box元素的class为row的父元素,即row元素。
parent()方法也可以用于获取更多祖先元素,只需要多次调用该方法即可。例如,如果要获取box元素的最外层的祖先元素,可以使用如下语句:
$('.box').parent().parent().parent();
这将返回box元素的最外层的祖先元素,即container元素。
parent()方法可以从当前元素中获取直接父元素,也可以通过参数来筛选父元素,多次调用该方法可以获取更多的祖先元素。