j查询树遍历从子级到最接近过滤的父级

jQuery tree traversal from child to closest filtered parent

本文关键字：最接近 过滤 查询 遍历      更新时间：2023-09-26

我有一个来自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>

我在输入元素"大小-数量"中，我将到达"alltablergt"元素。

如果$this是大小-数量元素，我认为到达"alltablergt"元素的方法是：

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

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

您可以使用

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>

相关文章：