jquery écrire html dans la variable

Question

J'écris l'application de deux liste où les données d'une liste peuvent être décalées à l'autre liste.

J'utilise DIV comme ce

   <div id="all_users"> 
      <div id="user1" userid="1" class="innertxt"> <img src="images/images.jpg" width="50" height="50"><strong>Test User 01</strong> 
    <ul> 
    <li>User ID: 1</li> 
    <li>Email: user1@nodomain.com</li> 
    <li style="padding-top:5px;"> 
    <input type="checkbox" id="select1" value="1" class="selectit" /> 
    <label for="select1">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
    </div> 

<div id="user2" userid="2" class="innertxt"> <img src="images/images.jpg" width="50" height="50"><strong>Test User 02</strong> 
     <ul> 
    <li>User ID: 2</li> 
    <li>Email: user2@nodomain.com</li> 
    <li style="padding-top:5px;"> 
    <input type="checkbox" id="select2" value="2" class="selectit" /> 
    <label for="select2">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
    </div> 
    <div class="float_break"></div> 

    </div> 

pour la suppression des données de div-je utiliser le script suivant

  $("#move_new").click(function() {  
    $('#all_users .innertxt').each(function() { 
    $(this).remove(); 
    }); 
});   

maintenant ce que j'ai besoin est:

ajouter de nouvelles données dans DIV.

-je essayer le code suivant

$('#all_users').append(new_data_var); 

où new_data_var est variable suivant la valeur contiennent HTML

 <div class="innertxt" userid="1" id="user1"> <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong> 
    <ul> 
    <li>User ID: 1</li> 
    <li>Email: user1@nodomain.com</li> 
    <li style="padding-top: 5px;"> 
    <input type="checkbox" class="selectit" value="1" id="select1"> 
    <label for="select1">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
    </div> 

je veux savoir comment puis-je stocker au-dessus valeur HTML dans new_data_var?

deuxième si mes valeurs proviennent de MYSQL & PHP comment puis-je utiliser cette en boucle pour ajouter plus de valeurs.

Merci

Answer 1

Essayez d'envelopper votre code dans l'appel set jquery:

$('#all_users').append($(new_data_var)); 

Answer 2

Pour stocker du code HTML à une variable, vous pouvez utiliser ceci:

var new_data_var = $('<div class="innertxt" userid="1" id="user1"> <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong><ul><li>User ID: 1</li> <li>Email: user1@nodomain.com</li><li style="padding-top: 5px;"><input type="checkbox" class="selectit" value="1" id="select1"><label for="select1">&nbsp;&nbsp;Select it.</label></li></ul></div>'); 
$('#all_users').append(new_data_var); 

Answer 3

comme les autres suggéré vraiment, je recommande d'utiliser jQuery pour construire votre code HTML avant de l'ajouter, c'est une version minimaliste mais vous pouvez générer le lot d'une manière similaire.

var new_data_var = $('div', {'id': 'user1', class: 'innertxt'}).html(' 
    <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong> 
    <ul> 
    <li>User ID: 1</li> 
    <li>Email: user1@nodomain.com</li> 
    <li style="padding-top: 5px;"> 
     <input type="checkbox" class="selectit" value="1" id="select1"> 
     <label for="select1">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
);