.append JQuery en déclarant une variable

Question

En fait, j'ai essayé ceci :

var newDiv = $('#parentDiv').append("<div id=\""+user_name+"\" div class=\"user_head\">"+"</div>");

Mais lorsque j'essaie de l'ajouter au newDiv, il l'ajoute au #parentDiv.

Comment puis-je déclarer une variable pour le nouveau DIV créé par append ?

Answer 1

Vous pouvez utiliser appendTo et inverser l'ordre des sélecteurs :

var newDiv = $("<div id=\""+user_name+"\" div class=\"user_head\">"+"</div>").appendTo("#parentDiv")

Answer 2

Utilisation appendTo plutôt que d'ajouter.

var newDiv = $("<div id=\""+user_name+"\" div class=\"user_head\">"+"</div>")
                   .appendTo('#parentDiv');

Answer 3

Vous pouvez mettre en cache la div que vous créez en tant qu'objet jquery, l'ajouter à quelque chose et y faire référence ultérieurement.

Comme ceci :

var newDiv = $('<div id="'+user_name+'"></div>');
$('#parentDiv').append(newDiv);
newDiv.append('someOtherContent');

Exemple : http://jsfiddle.net/nKvSz/

Answer 4

Vous avez l'identifiant de la div nouvellement créée stocké dans la variable user_name Vous pouvez l'obtenir facilement en l'utilisant.

$('#parentDiv').append("<div id='"+user_name+"' class='user_head'>"+text+"</div>");
$('#'+user_name).append("new_div_details");

quelques petites modifications dans votre code également.

Answer 5

Vérifier ceci

http://jsfiddle.net/Qg5WQ/14/