Supprimer la ligne de table qui contient une table

Question

je html qui affiche un tableau similaire à:

<table> 
<tr> 
    <th>col1</th> 
    <th>col2</ht> 
</tr> 
<tr> 
    <td>0001</td> 
    <td>Test</td> 
</tr> 
<tr> 
    <td colspan="2" id="detailsTable"> 
     <table> 
      <tr> 
       <th>one</th> 
       <th>two</th> 
      </tr> 
      <tr> 
       <td>xxxxxx</td> 
       <td>xxxxxxx</td> 
      </tr>    
     </table> 
    </td> 
</tr> 

Il y a une colonne d'expansion et des boutons de contrat sur la table externe, de sorte que la table imbriquée est s'affiche uniquement lorsque l'utilisateur clique pour développer.

L'extension fonctionne et la table s'affiche. Cependant quand quand j'essaye de retirer la ligne de la table externe qui contient la table enfant cela ne marche pas.

j'avais code comme:

var rowIndex = $(this).parent().parent().prevAll().length; 
$("table[id$=gvParentAccounts] tr").eq(rowIndex + 1).remove(); 

Si la ligne ne contient que du texte fonctionne comme je voudrais et supprime la ligne, si comme dans ce cas, la ligne contient une table, il ne peut pas supprimer la rangée au besoin. J'utilise ASP.Net et jQuery pour cela.

Merci Alan.

Answer 1

Que diriez-vous:

$(this).parent().parent().remove(); 

Je ne sais pas si cela est exactement ce que vous avez, mais voici un jsFiddle démontrant que cela fonctionne:

http://jsfiddle.net/9TQG9/1/

EDIT: En fait ceci:

$(this).parents("tr").eq(0).remove(); 

serait beaucoup plus agréable et plus fiable. Voir ici:

http://jsfiddle.net/9TQG9/2/