mejor manera de cambiar elementos usando jQuery

Question

envolver tengo este código en HTML

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

Cómo utilizar jQuery para conmutar el elemento SPAN exterior con el siguiente bloque de código de la tabla, por lo que el texto "Adjuntos" se envuelve con el elemento de la mesa

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

Answer 1

Se puede crear una tabla con un tr y td, insertar el contenido HTML desde el lapso en que el nuevo elemento td, insertar la tabla inmediatamente después de un fragmento, y finalmente, eliminar el lapso.

$("<table id='t'><tr><td>" + $("#s").html() + 
    "</td></tr></table").insertAfter("#s"); 

$("#s").remove(); 

¿Asumo que por "golpe" se entiende "intercambio"? Entonces, es por eso que eliminé el tramo original. Si este no es el caso, simplemente omita la llamada remove.

Answer 2

Envolver el elemento #s, luego reemplazarlo con su propio contenido:

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

Demostración: http://jsbin.com/elotan/edit#source

Tras un nuevo debate en los comentarios, parece que la OP quería ser capaz de crear una tabla ad-hoc, e inserte #s en cualquiera de sus td. Lo siguiente puede ser mejor:

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