javascript - 将类添加到父 div jQuery 的最佳方法是什么

Question

如何使用 jQuery 将类添加到父 div，以下代码可以工作，但这是一个好的方法吗？

$("button > span:contains('Text')")
.parent()
.parent()
.parent()
.parent()
.parent()
.parent()
.addClass('test');

Answer 1

您可以使用.closest('parent_selector') 相反，如果你想得到像这样的顶级 parent :

$("button > span:contains('Text')").closest('top_parent_class_or_id').addClass('test');

$("button > span:contains('Text')").closest('.top-parent').addClass('test');

console.log($('.top-parent').prop('class'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="top-parent">
  <div>
    <div>
      <div>
        <button><span>Button Text</span></button>
      </div>
    </div>
  </div>
</div>