2017-06-29 8 views
-1
var html=$("<span>Number</span>"); 
    $.each([1,2,3,4,5],function(index,item){ 
    html.add($("<span>"+item+"</span>")); 
}); 

Aus dem obigen Beispielcode erwarte ich, Objekte in HTML-Variable anhängen. aber nicht in der Lage das zu tun.Wie füge ich eine Liste von jquery-Objekten hinzu?

Erwartung Ergebnis:

[span, Spannweite, Spannweite, Spannweite, Spannweite, span] -> total 6 Spannweite

Tatsächliches Ergebnis Objekte:

wenn ich versuche

1) hinzufügen -> [span] 2) anhängen -> [span], aber die anderen fünf Objekte Bindung als Kind

Bitte führen Sie mich ... Vielen Dank!

+0

Ich bin mir nicht sicher, ob ich verstehe, was Sie tun möchten. Suchst du nach -> http://api.jquery.com/after/? –

+0

Versuchen Sie, ein Div zu erstellen, das alle Spannen enthält. – HackAfro

+0

Ich sehe hier kein HTML .. Brauchen Sie nur ein Array mit allen Spannen darin? –

Antwort

0

Sie brauchen nicht wirklich ein Objekt jQuery, dies zu tun, können Sie einfach ein HTML-String bauen und es dann aber verwenden Sie

das Beispiel Siehe unten.

var html = "<span>Number</span>"; 
 

 
$.each([1, 2, 3, 4, 5], function(index, item) { 
 
    html += "<span>" + item + "</span>"; 
 
}); 
 

 
$("#insert").append(html);
span { 
 
    display: block; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="insert"></div>

+0

kann ich nicht als String machen. weil ich vor dem Anhängen viele Sachen mit einzelnen Objekten mache. –

2

Versuchen:

html = html.add($("<span>"+item+"</span>")); 

Die documentation sagt, dass es kehrt eine neue Kollektion, nicht auf die bestehende ändern.

0

Ich denke, dass jQuery und HTML Sie verwirrt. Ich kann auch einen kleinen Fehler in der Anfrage sehen.

Alles, was Sie tun müssen, ist eine Liste definieren, Elemente hinzufügen und Benutzer $ ("listid"). Append (item1, item2);

Um das Wort span 6 mal zu wiederholen, machen Sie Ihr Objekt wie ein Array arbeiten.

Verwandte Themen