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

Question

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

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

Answer 1

您可以使用 .closest('parent_selector') ，如果您想获得一个顶级父母：

$("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>

Answer 2

您可以使用closest走顶级父div;

$("button > span:contains('Text')").closest('div')

您也可以使用parentsUntil()

$("button > span:contains('Text')").parentsUntil('parentclassname_or_id')