encontrar div principal dentro de <td> con jQuery

Question

¿cómo puedo encontrar el id principal del div dentro de la tabla? que tienen la siguiente estructura:

<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); 
}); 

Cuando el div se encuentra dentro < td> matriz está vacía. Cuando muevo el div fuera de < td> funciona bien. ¿Puedes ayudarme a encontrar el div dentro?

gracias

Answer 1

Si se refiere usted quiere encontrar el ID de la DIV que contiene la tabla, a continuación, se pueden utilizar closest()

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

Fiddle

EDITAR

Después de leer los documentos, closest() es mejor que parents() porque no viaja hasta el nodo raíz. Gracias por el aviso Andy E

Answer 2

Puede usar .closest(), encuentra el elemento primario más cercano que coincide con el selector especificado. En su caso:

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

Documentación: http://api.jquery.com/closest/

Answer 3

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

usted está tratando de leer el atributo de "id" del elemento y el no tiene atributos de nombre "id".

siguiente código funcionará:

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

Esto le dará un mensaje de alerta de "divParent".