如何使用 jQuery select 第一個父 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，它會得到父級。 然后它得到 class。

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

Answer 4

把事情簡單化！

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

Answer 5

兩個最好的選擇是

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

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

當然，您可以通過以下方式找到 class attr

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

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