找到父母div里面​​与jQuery

Question

我怎么能找到表内的div的父ID？ 我有以下结构：

<div id="parent"> 
<table> 
<tbody> 
    <tr>            
    <td>          
    <div id="child" >  
</div> 
    </td>      
</tr>   
</tbody> 
</table> 
</div> 


<script type="text/javascript"> 
$(document).ready(function() 
{    
    var parent = $("#child").parent().attr("id"); 
    alert(parent); 
}); 

当在div是内部< TD>的父是空的。当我将< td以外的div移动时，它可以正常工作。你能帮我找到里面的div吗？

感谢

Answer 1

如果你的意思是你想找到包含您的表中的DIV的ID，那么你可以使用closest()

var parent = $("#child").parent().closest('div').attr("id"); 

Fiddle

编辑

阅读文档后，closest()比好，因为它不会传播到根节点。感谢您的支持安迪E

Answer 2

您可以使用.closest（），它找到最匹配的指定选择器的父母。你的情况：

var parentId = $('#child').parent().closest('div').attr('id'); 

文档：http://api.jquery.com/closest/

Answer 3

$(document).ready(function() 
{    
    var parent = $("#child").parent().attr("id"); 
    alert(parent); 
}); 

您正在尝试读取元素的“ID”的属性和具有名称“ID”的任何属性。

下面的代码将工作：

<table> 
<tbody> 
    <tr>            
    <td id="divParent">          
    <div id="child" ></div> 
    </td>      
</tr>   
</tbody> 
</table> 

<script type="text/javascript"> 
$(document).ready(function() 
{    
    var parent = $("#child").parents('div:first').attr("id"); 
    alert(parent); 
}); 
</script> 

这会给你 “divParent” 的警告信息。