jquery ajouter des div à l'intérieur de la div avec l'id et le manipuler

après 2 heures de recherche j'ai décidé de poser ma question.

J'ai un div:

<div id="box"></div>

Je veux ajouter une div à l'intérieur au-dessus de la div à l'aide de jquery.

J'ai essayé (code suivant est à l'intérieur d'une fonction):

var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>');
$('div', e).attr('id', 'myid');
$("#box").append(e);

mais l'accès $("#monid") ne fonctionne pas.

la moindre idée sur la façon d'ajouter un div dans une div et être capable de les manipuler?

merci!

InformationsquelleAutor pelelive | 2011-10-27
  1. 33

    C'est juste le mauvais ordre

    var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>');
$('#box').append(e);    
e.attr('id', 'myid');

    Ajouter d'abord et ensuite d'accès/set attr.

    • Pourquoi utiliser trois lignes de code, quand un seul suffit? Pourquoi attacher de l'id après cela, quand on peut le mettre à droite dans la source HTML?
    • Je suis juste essayer de résoudre le problème d'origine, de ne pas l'améliorer.
    • J'espérais que l'OP permettrait de voir qu'il y avait une meilleure façon de faire.
    InformationsquelleAutor Moe Sweet
  2. 4

    Vous êtes de compliquer à l'excès des choses:

    var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>');
e.attr('id', 'myid');
$('#box').append(e);

    Par exemple: http://jsfiddle.net/ambiguous/Dm5J2/

    InformationsquelleAutor mu is too short
  3. 4

    Pourquoi ne pas aller encore plus simple avec l'une de ces options:

    $("#box").html('<div id="myid" style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>');

    Ou, si vous voulez l'ajouter au contenu existant:

    $("#box").append('<div id="myid" style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>');

    Note: j'ai mis le id="myid" droit dans le code HTML de la chaîne plutôt que d'utiliser de code distinct pour le régler.

    À la fois la .html() et .append() les méthodes jQuery peut prendre une corde de HTML, donc il n'y a pas besoin d'utiliser une étape distincte pour créer les objets.

    InformationsquelleAutor jfriend00
  4. 0
    var e = $('<div style="display:block; id="myid" float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>');
$("#box").html(e);
    • Le .html() méthode prend une chaîne de caractères, pas un objet jQuery comme argument.
    InformationsquelleAutor coolguy