从子级到最接近的已过滤父级的jQuery树遍历

Question

I have this code snippet from an html page:

<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>

I am in the input element "size-quantity" and I would reach the "alltablergt" element.

If $this is the size-quantity element, I thought the way to reach the "alltablergt" element was:

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

but this doesen't work. How can I reach it?

Answer 1

You could use 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>