Luke101
Reputation: 65308
How to find a specific parent in the DOM using jquery
I am trying to match a parent in the following HTML
<tbody>
<tr id="group-1" class="group">
<td>
<div class="GroupHeader">
Group1 <span class="CriteriaEditOptions"><a id="EditGroupItem" href="/Template/EditGroupItem?GroupID=1">Edit</a></span> <span class="CriteriaMoveUp"><a href="/Template/GroupMovePosition?GroupID=1&MoveType=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a></span> <span class="CriteriaMoveDown"><a href="/Template/GroupMovePosition?GroupID=1&MoveType=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a></span> <span class="GroupDelete"><a href="/Template/DeleteGroup?GroupID=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a></span>
</div>
<table>
<tbody>
<tr id="1" class="selection">
<td>
Number1 <span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=1">Edit</a></span> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=1&MoveType1=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=1&MoveType1=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> <a href="/Template/DeleteCriteriaItem?CriteriaItemID=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a>
</td>
</tr>
<tr id="2" class="selection">
<td>
Price2 <span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=2">Edit</a></span> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=2&MoveType1=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=2&MoveType1=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> <a href="/Template/DeleteCriteriaItem?CriteriaItemID=2&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a>
</td>
</tr>
<tr id="3" class="selection">
<td>
Single Line Text3 <span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=3">Edit</a></span> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=3&MoveType1=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=3&MoveType1=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> <a href="/Template/DeleteCriteriaItem?CriteriaItemID=3&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a>
</td>
</tr>
<tr id="4" class="selection">
<td>
Single Line Text4 <span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=4">Edit</a></span> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=4&MoveType1=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=4&MoveType1=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> <a href="/Template/DeleteCriteriaItem?CriteriaItemID=4&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a>
</td>
</tr>
<tr id="5" class="selection">
<td>
Single Line Text5 <span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=5">Edit</a></span> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=5&MoveType1=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=5&MoveType1=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> <a href="/Template/DeleteCriteriaItem?CriteriaItemID=5&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a>
</td>
</tr>
<tr id="6" class="selection">
<td>
Number6 <span class="CriteriaEditOptions"><a id="EditCriteriaItem" href="/Template/EditCriteriaItem?CriteriaID=6">Edit</a></span> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=6&MoveType1=0&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Up</a> <a href="/Template/CriteriaItemMovePosition?CriteriaItemID=6&MoveType1=1&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Down</a> <a href="/Template/DeleteCriteriaItem?CriteriaItemID=6&rtn=http%253a%252f%252flocalhost%253a52724%252fTemplate%252fEditTemplate%253fCategoryID%253d6">Delete</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
I am located at
<div class="GroupHeader">
And I am trying to match the parent at
<tr id="group-1" class="group">
is there a way to do this in jquery? I have tried using parent() but it didn't work
Upvotes: 1
Views: 5612
Answers (3)
Cristian Sanchez
Reputation: 32157
parent only looks one level up. Use parents to look multiple levels up.
$current.parents("#group-1 .group")
Upvotes: 2
Ian Henry
Reputation: 22413
You can use closest('tr') to get the first parent that matches the supplied selector.
Upvotes: 4
Related Questions
- Find parent element
- JQuery, find parent
- Finding Child of Parent Jquery
- How to find the parent element using javascript
- get to the specified parent element and then find the specified child
- find which child of parent element jquery
- Finding appropriate parent with jQuery
- Find the real Parent Element
- How to find a parent's child with jQuery?
- Finding a particular parent of an HTML DOM element