Bester Weg, um die Schalterelemente Umwickeln mit jQuery

Question

Ich habe diesen Code in HTML

<span id="s">Attachments</span> 

Wie jQuery verwenden, um das äußeree SPAN Element mit dem folgenden Tabelle Codeblock zu wechseln, so dass der „Attachments“ Text eingewickelt wird mit dem Tabellenelement.

<table id="t"> 
    <tr> 
    <td>Attachments</td> 
    </tr> 
</table> 

Answer 1

Sie eine Tabelle mit einem tr und td, legen Sie die HTML-Inhalte aus der Spanne in das neue td Element, legen Sie die Tabelle unmittelbar nach der Spanne schaffen könnten, und dann die Spanne schließlich entfernen.

Ich nehme an mit "swipe" meinst du "swap"? Deshalb habe ich den ursprünglichen Bereich entfernt. Wenn dies nicht der Fall ist, lassen Sie einfach den Anruf remove.

Answer 2

Wickeln Sie das #s Element, dann ersetzen Sie es mit seinem eigenen Inhalt:

$("#s") 
    .wrap("<table id='t'><tr><td></td></tr></table>") 
    .replaceWith(function(){ 
     return this.innerHTML; 
    }); 

Demo: http://jsbin.com/elotan/edit#source

Nach weiterer Diskussion in den Kommentaren unten, es erscheint das OP ein in die Lage sein wollte, zu schaffen Tabelle ad-hoc, und fügen Sie #s in eines seiner td 's ein. Folgendes kann besser sein:

$("<table>", { 
    id:'t', html:'<tr><td>Foo</td><td>' + $("#s").html() + '</td></tr>' 
}).replaceAll("#s");