jQuery colocar elemento a texto WRAP

[killerangel]

Hola foro:

tengo un texto suelto situado en algun lugar de la pagina....

por ejemplo xx...xxyyyxx...xxx

ya tengo capturado el texto "yyy" y necesito tenerlo dentro de un contenedor por eje ejemplo un div...

lo que necesito es la forma en como rodearlo con un 'div parent' para que quede :

...xxx<div>yyy</div>xxx...

alguna idea?

gracias

[mayid]

A que te referis con "suelto"?

De verdad no esta dentro de ninguna etiqueta? Un div o span? o un <p> ... algo?

Con jquery lo que haces es seleccionar la variable con en la que contienes yyy, para hacerle un wrap.

$(var).wrap("<div></div>");

Pero no me juego a que esto funcione si el texto no esta ya envuelto en algo. No se.

Quizas lo mejor sería hacer un append dentro de otro div.

Ej:

tenemos <div id="suelta_aqui"></div>

$("suelta_aqui").append("<span>"+variable_yyy+"<sp an>");

Ahi sueltas tu yyy.

Si no quisieras usar append, usas prepend.

Y una tercera opcion sería volcar el texto así:

$("suelta_aqui").text(variable); // solo texto
$("suelta_aqui").html(variable); // acepta html

En fin, recomiendo uses esto:
$("suelta_aqui").html"<span>"+variable+"<span>"; // setea el div con este contenido, borrando lo anterior.

funciona ok.

[killerangel]

pues digamos q es como algo similar a lo que usamos en el editor de mensajes del foro...

selecciono un texto y al texto seleccionado lo rodeo con texto o elementos html.... como la opcion de "Envolver con la etiqueta ......"

algo asi....

aver si ahora me deje entender

[mayid]

Entiendo. Pero faltan datos.

Como seleccionas el texto? Con que funcion?

Creo que necesitas hacer un replace de javascript, y luego reimprimir todo el contenido con los cambios hechos.

var seleccion; // dijistes que tenias seleccionada la seccion yyy; pero no se como.
var mi_texto = $("#destino").html();
var cambios = mi_texto.replace(seleccion,"<b>"+seleccion+"</b>);
$("#destino").html(cambios)

[killerangel]

lo selecciono con un getrange(); esuq estoy usando el htmlarea un pligin de jquery para hacer a un textarea un editor de texto....

pero ya solucione el problema... fue con un

r.getrange();
r.pasteHTML( '<etiqueta>'+r+'</etiqueta>');

lo malo es que solo funca en ff, en esa porkeria llamada ie... como es de esperar no funciona nada bien!!!