如何使用jQuery选择第一个父DIV？

Question

var classes = $(this).attr('class').split(' '); // this gets the current element classes

var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes.

上述情况中的父母是ankor.

如果我想获得$(this)的第一个父DIV代码是什么样的？

var classes = $(this).div:parent().attr('class').split(' '); // just a quick try.

*基本上我想得到$(this)的第一个父DIV的类.

谢谢

Answer 1

使用.closest()向上遍历DOM树到指定的选择.

var classes = $(this).parent().closest('div').attr('class').split(' '); // this gets the parent classes.

Answer 2

使用.closest(),获取与给定选择器匹配的第一个祖先元素'div':

var classes = $(this).closest('div').attr('class').split(' ');

编辑:

正如@Shef指出的那样,.closest()如果碰巧也是DIV ,它将返回当前元素.要考虑到这一点,.parent()请先使用:

var classes = $(this).parent().closest('div').attr('class').split(' ');

Answer 3

如果是div,则获取父级.然后它上课.

var div = $(this).parent("div");
var _class = div.attr("class");

Answer 4

两个最好的选择是

$(this).parent("div:first")

$(this).parent().closest('div')

当然你可以通过以下方式找到类属性

$(this).parent("div:first").attr("class")

$(this).parent().closest('div').attr("class")

以及对于你

$(this).parent("div:first").attr("class").split(' ')
$(this).parent().closest('div').attr("class").split(' ')