javascript - 如何在 javascript/jquery 中找到 'deepest' div 的类名？

Question

我知道 e.target 包含光标正下方元素的信息，但是如果我想知道其中有一个 table>tr>td>button 的 div 的类名怎么办，我是单击该 td 内的那个按钮。我知道这个事件会冒泡，应该有一种方法可以查明 div 是否存在于冒泡级别。任何帮助。

场景:按钮在模态窗口内。如何在单击其中的按钮时找到模态窗口类名称。

Answer 1

使用 .closest() 向上遍历 DOM 到最近的匹配项:

var parentDiv = $(yourButton).closest('div');

或者在按钮的click :

$(yourButton).click(function() {
  var nearestParentDiv = $(this).closest('div');
  // And read its class
  console.log(nearestParentDiv.attr('class'));
});

选择器 .closest()接受当然可以比这更具体，所以如果模态窗口<div>有一些已知类，但您需要检查它的其他类，您应该使用更具体的选择器。