如何使用jQuery

Question

我想在下面的HTML

<tbody> 
<tr id="group-1" class="group"> 
<td> 
    <div class="GroupHeader"> 
    Group1&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditGroupItem" href="/Template/EditGroupItem?GroupID=1">Edit</a></span>&nbsp;&nbsp; <span class="CriteriaMoveUp"><a href="/Template/GroupMovePosition?GroupID=1&amp;MoveType=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a></span>&nbsp;&nbsp; <span class="CriteriaMoveDown"><a href="/Template/GroupMovePosition?GroupID=1&amp;MoveType=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a></span> &nbsp;&nbsp;<span class="GroupDelete"><a href="/Template/DeleteGroup?GroupID=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a></span> 
    </div> 
    <table> 
    <tbody> 
    <tr id="1" class="selection"> 
    <td> 
    Number1&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=1">Edit</a></span> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=1&amp;MoveType1=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=1&amp;MoveType1=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> &nbsp;&nbsp;<a href="/Template/DeleteCriteriaItem?CriteriaItemID=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a> 
    </td> 
    </tr> 
    <tr id="2" class="selection"> 
    <td> 
    Price2&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=2">Edit</a></span> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=2&amp;MoveType1=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=2&amp;MoveType1=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> &nbsp;&nbsp;<a href="/Template/DeleteCriteriaItem?CriteriaItemID=2&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a> 
    </td> 
    </tr> 
    <tr id="3" class="selection"> 
    <td> 
    Single Line Text3&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=3">Edit</a></span> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=3&amp;MoveType1=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=3&amp;MoveType1=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> &nbsp;&nbsp;<a href="/Template/DeleteCriteriaItem?CriteriaItemID=3&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a> 
    </td> 
    </tr> 
    <tr id="4" class="selection"> 
    <td> 
    Single Line Text4&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=4">Edit</a></span> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=4&amp;MoveType1=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=4&amp;MoveType1=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> &nbsp;&nbsp;<a href="/Template/DeleteCriteriaItem?CriteriaItemID=4&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a> 
    </td> 
    </tr> 
    <tr id="5" class="selection"> 
    <td> 
    Single Line Text5&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=5">Edit</a></span> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=5&amp;MoveType1=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=5&amp;MoveType1=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> &nbsp;&nbsp;<a href="/Template/DeleteCriteriaItem?CriteriaItemID=5&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a> 
    </td> 
    </tr> 
    <tr id="6" class="selection"> 
    <td> 
    Number6&nbsp;&nbsp;&nbsp;<span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=6">Edit</a></span> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=6&amp;MoveType1=0&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> &nbsp;&nbsp;<a href="/Template/CriteriaItemMovePosition?CriteriaItemID=6&amp;MoveType1=1&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> &nbsp;&nbsp;<a href="/Template/DeleteCriteriaItem?CriteriaItemID=6&amp;rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a> 
    </td> 
    </tr> 
    </tbody> 
    </table> 
</td> 
</tr> 
</tbody> 

我位於

<div class="GroupHeader"> 

匹配父，我試圖以匹配找到DOM中的特定父父母在

<tr id="group-1" class="group"> 

有沒有辦法做到這一點在jQuery中？我嘗試過使用parent()，但它不起作用

Answer 1

您可以使用closest('tr')來獲取與提供的選擇器匹配的第一個父代。

Answer 2

.parents('tr')尋求向上

Answer 3

parent只關注一個級別。使用parents查看多個層面。

$current.parents("#group-1 .group")