Enregistrer le contenu ajax

Question

Cher tout ce que j'ai cherché dans ce formulaire et d'autres, mais ne peux pas résoudre mon problème, s'il vous plaît aider. J'ai plusieurs lignes et chacune d'entre elles a des rangées cachées (suivantes) pour les détails de cette rangée. Je veux cliquer sur n'importe quelle ligne et voir les détails du produit cliqué. Le problème auquel je suis confronté est que lorsque je clique sur la première et la deuxième rangée, la première ligne obtient automatiquement les mêmes valeurs que la seconde.

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#items tr.itemDetail").hide(); 
     $("#items tr.data td.clickable").click(function(){ 
      $("#items tr.itemDetail").hide();               
      $(this).parent().next("tr").toggle().toggleClass('highlight');    
      $.ajax({ 
       url: "<?php echo site_url('progress/getAppDetails'); ?>", 
       type: 'POST', 
       data:'app_id='+$(this).parent().attr('id'), 
       success: function(msg) { 
        $("tr[id^='det']").html(msg);// want to record/leave data, but instead updates all the fields. 
       } 
      }); 

     }); 

et la table

 <tr class='data' id=".$row['aid']."> 
     <td class='clickable'> ".$row['aid']."</td> 
    </tr> 

<tr class='itemDetail' id=det".$row['aid']."> 
    <td colspan='4'>Details of the product</td> 
</tr>  

Answer 1

essayez ceci:

success: function(msg) { 
        $(this).next('.itemDetail:first').html(msg); 
       } 

conseil:

Ne jamais utiliser ce genre de valeur de réglage comme

id^='det' 

utiliser les classes et les ID.