span - insertar codigo html con jquery

¿Cómo puedo reemplazar el texto de una etiqueta HTML?

Question

No sé cómo llamarlo, pero déjame llamarlo texto semi interno.

Ejemplo

<div id=''myDiv''>
This is the semi-inner text
<div id=''other''></div>
This is the semi-inner text
<div>

Quiero eliminar / reemplazar ésos This is the semi-inner text usando jquery.

¿Cómo puedo hacer eso?

Answer 1

La forma más sencilla es colocarlo en un lapso con una identificación como esta:

<div id=''myDiv''>
<span id="myInnerText">This is the semi-inner text</span>
<div id=''other''></div>
This is the semi-inner text
<div>

Luego reemplázalo así:

$("#myInnerText").text("replacement text");

Answer 2

Si solo te importan los nodos secundarios ...

$(''#myDiv'').contents().filter(function() {
return this.nodeType == 3
}).each(function() {
this.data = this.data.replace(/This is the semi-inner text/g, ''swapped'');
});​

jsFiddle .

Si desea verificar todos los nodos descendientes, haga que la función sea recurrente cuando detecte un nodo de elemento ( this.nodeType == 1 ).

Answer 3

Use contents () y filtre todo nodeType que sea igual a 3 y elimínelos:

$(''#myDiv'').contents().filter(function() {
return this.nodeType == 3;
}).remove();

Answer 4

Use el siguiente código para reemplazar el contenido

$("#other").html("your code");

y el usuario ajusta su código en la etiqueta span con id

Answer 5

también podrías hacerlo así:

target_div = $("#myDiv")
reg_exp = /This is the semi-inner text/g;
new_text = "some other text"
target_div.html(
target_div.html()
.replace(
new RegExp(reg_exp),
new_text)
);
});

Manifestación

Answer 6

$(''#myDiv'')
.contents()
.filter(function() {
return this.nodeType == 3;
})
.each(function() {
$(this).remove();
});