javascript - jQuery 树遍历从 child 到最近的过滤 parent

Question

我有来自 html 页面的代码片段:

<td class="alltablergt ">
    <div class="allocsz">
        <table class="table-allocsz">
        <tbody>
        <tr>
    <td>
<div class="sigle-sz">
    <span class="label-sz">36</span>
    <input class="size-quantity" type="tel" value="" name="" >
    <div class="available yes"><i aria-hidden="true" class="availablespot"></i></div>
</div>

我在输入元素“size-quantity”中，我会到达“alltablergt”元素。

如果 $this 是 size-quantity 元素，我认为到达“alltablergt”元素的方法是:

$(this).parentsUntil(".alltablergt")

但这行不通。我怎样才能到达它？

Answer 1

你可以使用closest()。

$('.size-quantity').closest(".alltablergt").addClass('highlight');

.highlight {
  background: orange;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="alltablergt ">
  <div class="allocsz">
    <table class="table-allocsz">
      <tbody>
        <tr>
          <td>
            <div class="sigle-sz">
              <span class="label-sz">36</span>
              <input class="size-quantity" type="tel" value="" name="">
              <div class="available yes"><i aria-hidden="true" class="availablespot"></i>
              </div>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>