Comment insérer une table après la ligne d'une autre table en utilisant jquery

Question

J'ai besoin d'ajouter dynamiquement la table à une ligne d'une autre table.

par ex.

Je crée d'abord un div Puis-je insérer une table après cette

$('<table id="container"> <tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> </table>') 
    $('<<tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> >').appendTo('#container'); 

Maintenant, je voudrais ajouter une autre table avec des lignes en fonction de la sélection de la case à cocher (c.-à-je ajouter table après la ligne de la case sélectionnée)

Quelqu'un peut-il me guider dans jquery?

Mithun

Answer 1

Vous sélectionnerait votre ligne en fonction de la case sélectionnée:

$(":checked").parents("tr") 

Cela suppose que vous avez un seul vérifié - vous pouvez mieux considérer les boutons radio si un seul sera vérifié. Vous pouvez affiner votre sélection vers le bas plus

$("#Container :checked").parents("tr") 

(Cela suppose que vous avez déjà ajouté à votre #container DOM)

Pour ajouter une ligne après cette ligne, utilisez l'après() ou insertAfter () Fonction:

$(":checked").parents("tr").after("<tr><td></td></tr>"> 
$("<tr><td></td></tr>").insertAfter($(":checked").parents("tr")); 

Non testé, mais devrait fonctionner.

Je pense que c'est ce que vous voulez, mais sinon, pouvez-vous modifier votre message original pour clarifier? Si vous créez une ligne similaire, vous pouvez envisager d'utiliser la fonction .clone(). Ce poste a quelques exemples de code qui fait le même genre de chose:

Is there a preferred way of formatting jQuery chains to make them more readable?