jQuery reemplazar texto dejando intactos a los hermanos

Question

Tengo problemas para entender lo que debería ser una solución simple. Quiero reemplazar el texto dentro de una etiqueta etiquetada, sin afectar a los otros "hermanos", si existen.

de marcado de la muestra:

<fieldset class="myFieldsetClass"> 
    <legend>Sample Fieldset</legend> 
    <ol> 
     <li> 
      <label> 
       <span class="marker">*</span> 
       Some Label 1 
      </label> 
     </li> 
     <li> 
      <label> 
       Some Label 2 
      </label> 
     </li> 
     <li> 
      <label> 
       Text that doesn't match... 
      </label> 
     </li> 
    </ol> 
</fieldset> 

Objetivo:

• para sustituir el texto Some Label X con Some Label (es decir, eliminar X desde el texto de la etiqueta).
• Las etiquetas de span dentro de la etiqueta deben permanecer intactas si existen, como el <span class="marker"> anterior.
• No sé el valor de X, que podría tener 1 o más caracteres de longitud.

guión actual:

Mi script jQuery a continuación las obras, pero sé que es muy ineficiente. Parece que no puedo envolver mi cabeza alrededor de éste por alguna razón ...

//for each label in the fieldset that contains text "Some Label " 
$(".myFieldsetClass label:contains('Some Label ')").each(function() { 

    if ($(this).has("span").length > 0) { 

     //if the label has the span tag within, remove it and prepend it back to the replaced text 
     $(this).find("span").remove().prependTo($(this).text(labelText)); 

    } 
    else { 

     //otherwise just replace the text 
     $(this).text('Some Label'); 

    } 

}); 

que pensé al principio yo podría simplemente hacer:

$(".myFieldsetClass label:contains('Some Label ')").text("Some Label"); 

Pero esto borra todo el contenido de la etiqueta y por lo tanto, elimina el lapso, que no quiero. No puedo usar ninguna función de reemplazo para reemplazar Some Label X con Some Label porque no sé qué será X.

¿Alguien puede sugerir un enfoque más elegante/eficiente para este problema?

Gracias.

EDITAR

Después de probar varias respuestas, creo que el problema parece ser que incluso si selecciono el derecho de cobro, que son los nodos de texto, que jQuery no parece querer modificar .. I He usado FireBug para seleccionar la colección (muchas respuestas debajo de todas seleccionan correctamente pero de maneras ligeramente diferentes). En la consola de Firebug conjunto resultante es:

[<TextNode textContent="Some Label 1:">, 
<TextNode textContent="Some Label 2:">, 
<TextNode textContent="Some Label 3:">, 
<TextNode textContent="Some Label 4:">, 
<TextNode textContent="Some Label 5:">] 

El problema parece ser que llamar .replaceWith(), .replace(), .text(), no parece etc. afectar la colección de jQuery. Si permito que la colección anterior para contener uno de los tramos, a continuación, llamar .replaceWith(), .replace(), etc funciones correctamente contra la luz, pero los nodos de texto quede tal cual ..

Answer 1

Probar:

$(".myFieldsetClass label:contains('Some Label ')").contents().filter(':last-child').text("Some Label"); 

Esto debería funcionar suponiendo que el texto que se va a reemplazar siempre estará al final. La función contents() selecciona todos los nodos, incluidos los nodos de texto.

http://api.jquery.com/contents/

Edit: Debo tener filtro utilizado() en lugar de find().Corregido

EDITAR: Funciona ahora. Aquí hay una manera.

// Store proper labels in a variable for quick and accurate reference 
var $labelCollection = $(".myFieldsetClass label:contains('Some Label ')"); 

// Call contents(), grab the last one and remove() it 
$labelCollection.each(function() { 
    $(this).contents().last().remove() 
}); 

// Then simply append() to the label whatever text you wanted. 
$labelCollection.append('some text') 

Answer 2

como Patrick señala, puede utilizar contents() para seleccionar el texto por sí solo, y luego hacer un reemplazo de todo. Adaptar el ejemplo dado allí, también podría intentar:

$(".myFieldsetClass label:contains('Some Label ')").contents().filter(function() { 
    return this.nodeType == 3 && $(this).is(":contains('Some Label ')"); 
}) 
.replaceWith("Some Label"); 

Sin embargo, si usted sabe que "alguna etiqueta" será siempre el último elemento de la <label> entonces el método de Patrick será más rápido que yo creo.

Answer 3

¿Por qué no hacer simplemente un reemplazo completo utilizando expresiones regulares?

$(".myFieldsetClass label:contains('Some Label ')") 
    .each(function() { 
      $(this).html($(this).html().replace(/Some Label ./, "Some Label")); 
     }); 

Answer 4

Una sola línea:

$('.myFieldsetClass label').contents().last().remove().end().first().after('New Label')