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();
    });