JQuery使用最近（“element.class”）

Question

我想找到最接近的tr也匹配特定的类名称。选择器不返回任何匹配。我不了解什么？

例如：

<table> 
<tbody class="category" id="cat-1"> 
<tr class="category-head"> 
    <th>Category 1</th> 
</tr> 
    <tr class="category-item"> 
    <th>Item 1</th> 
    </tr> 
    <tr> 
    <td>This is a description of category item 1</td> 
    </tr> 
    <tr> 
    <td><input type="text" name="c1_i1_input" id="c1_i1_input" class="category-item-input" /></td> 
    </tr> 
    <tr class="category-item"> 
    <th>Item 2</th> 
    </tr> 
    <tr> 
    <td>This is a description of category item 2</td> 
    </tr> 
    <tr> 
    <td><input type="text" name="c1_i2_input" id="c1_i2_input" class="category-item-input" /></td> 
    </tr> 
    </tbody> 
</table> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".category-item-input").change(function() { 
      //this works, returning the closest tr 
      alert($(this).closest("tr").html()); 

      //this returns null? 
      alert($(this).closest("tr.category-item").html()); 
     }); 

    });</script> 

Answer 1

最近查找最接近的祖先元素，而不是最近的在DOM中。在你的情况下，包含输入的tr没有类，所以选择器失败。你可能想找到最接近的tr，然后找到该类的前一个兄弟tr。

$(this).closest('tr').prevAll('tr.category-item:last');