javascript - seleccionado - ¿Cómo se selecciona el texto en línea con Jquery?

obtener valor de un boton jquery

Question

¿Cómo puedo seleccionar el texto delante de la lista desordenada a continuación?

<li class="foo">
   How can I remove this text?
   <ul class="bar">
       <li><a href="#">Link</a></li>
   </ul>
</li>

Intenté hacer algo como esto:

$(''ul.bar'').previousSibling().remove();

Pero creo que eso solo funcionaría con otro elemento, y no estoy completamente seguro de cómo seleccionar texto que no esté dentro de las etiquetas.

Answer 1

Es la solución que estás buscando.

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

Demo aquí

La propiedad nodeType devuelve el tipo de nodo, como un número, del nodo especificado. Si el nodo es un nodo de texto, la propiedad nodeType devolverá 3.

Versión no jQuery:

Obtener el nodo principal. Obtenga todos los nodos hijos de los padres. Convierta la colección de nodos en una matriz. Pasa por la matriz. Verifique nodeType en cada iteración. Si nodeType === 3 entonces es un nodo de texto. Luego elimínelo.

Array.prototype.slice.call(document.getElementById(''parent_node_id_here'').childNodes, 0).forEach(function (value) {
    if (value.nodeType === 3) {
        value.remove();
    }
});

Answer 2

Tratar

$(".foo").replaceWith($.parseHTML($(".foo").html()).slice(1));

$(".foo").replaceWith($.parseHTML($(".foo").html()).slice(1));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li class="foo">
   How can I remove this text?
   <ul class="bar">
       <li><a href="#">Link</a></li>
   </ul>
</li>

Answer 3

$(".foo").contents().get(0).remove()

o sin jquery

document.getElementsByClassName("foo")[0].childNodes[0].remove()