como se quita a partir de una por identificación?

2 minutos de lectura

Avatar de usuario de Pittfall
trampa

Tengo:

<ul id="ulId">
    <li id="firstli">
    </li>
    <li id="secondli">
    </li>
</ul>

y estoy tratando de eliminar secondli.

Esto es lo que he intentado en base a algunas lecturas.

$('#ulId secondli').remove();

y

$('#ulId > secondli').remove();

pero estos 2 métodos no funcionaron. ¿Alguna sugerencia?

  • La ID es única, como puede ver, si prueba $(‘#secondli’).remove();, funcionará.

    – gustavodidomenico

    25 de marzo de 2013 a las 21:03

Prueba esto:

$('#secondli').remove();

En jQuery, te refieres a la ID de un elemento con un # en frente de eso. Ver http://api.jquery.com/id-selector/

  • ¿Hay alguna manera de especificar de qué Ul proviene?

    – trampa

    25 de marzo de 2013 a las 21:03

  • Sí, puede especificar el ID de UL delante de él; sin embargo, dado que los ID de todos los elementos deben ser únicos, no debería ser necesario ser más específico.

    – j08691

    25 de marzo de 2013 a las 21:04


  • +1 para esta línea “En jQuery, te refieres a la ID de un elemento con un # delante”.

    – Adil Shaikh

    25 de marzo de 2013 a las 21:04

  • Creo que esta es la respuesta correcta, pero solo quiero que todos sepan que mi problema fue que mi identificación tenía un punto que no mencioné en la pregunta. Esto tiene que ser escapado con un “\\”. Por ejemplo $('#ulid #li\\.toRemove');

    – trampa

    25 de marzo de 2013 a las 21:14


  • @Pittfall recomendaría evitar el uso de un . en una identificación. mientras que es permitido en HTML4/5 es algo confuso y puede dar lugar a un comportamiento extraño en herramientas que de otro modo no lo tendrían en cuenta. Considere usar cualquiera _ o un - como un separador de palabras “más convencional”.

    usuario166390

    25 de marzo de 2013 a las 21:24


esto funcionará para usted

$('#secondli').remove();

avatar de usuario de pingle60
pingle60

Debe agregar un espacio entre el elemento select the li,

$('#second li').remove(); // when referencing by id

o

$(".second li").remove(); // when referencing by class

$('#ulId #secondli').remove();

Seleccione el contenedor #ulId y luego el elemento de la lista #secondli. Se había olvidado de agregar la etiqueta de identificación antes del segundo li.

si quieres eliminar un <li> con ID prueba:

$('#yourlist #yourli').remove();

de lo contrario, si eliminara un <li> basado en el contenido que puede utilizar:

$('#yourlist li:contains("TextToRemove")').remove();

¿Ha sido útil esta solución?