2012-07-29 14 views
8

En el ejemplo siguiente¿Cómo puedo eliminar niños en jQuery?

http://jsfiddle.net/pDsGF/

Quiero eliminar sólo la clase 'hijo' de 'padres' de clase. He tratado

.remove($('parent').children('child'))

Pero no funciona

+1

'.Remove ($ ('parent'). children ('child')) 'no es JavaScript válido.Si miras la consola, verás el símbolo 'SintaxError: inesperado no detectado. '. Sugiero que eche un vistazo a los ejemplos en la documentación: http://api.jquery.com/remove/ –

Respuesta

13

Usted necesita períodos para obtener elementos por clase, para uno. Para dos, esa sintaxis no es correcta.

$('.parent .child').remove(); 

Here's a demo.

1

Esto hará el truco.

$('.parent .child').remove(); 

(MiniTech me adelantó :))

+0

La pregunta está redactada de forma extraña, pero es el nodo que tiene class = 'child' que se eliminará, no la clase en sí. –

+0

Te entiendo ahora. Editaré mi respuesta. – Fraser

2

Trate $('.parent').find('.child').remove();​http://jsfiddle.net/pDsGF/1/

Editar: En caso de que no he entendido bien y que quería para eliminar realmente la clase tratar $('.parent').find('.child').removeClass('child')

3

¿Quieres eliminar los niño (con un "niño" de clase) de los padres (con un "padre" de clase)?

$('.parent').children('.child').remove(); 

O simplemente:

$('.parent .child')​.remove()​; 
1

muchas maneras: si no tiene identificador para el niño entonces usted puede sacar al niño de mi su posición en la matriz:

var p ='.parrent';//identify the parrent 
    $('p').children('1').remove();//remove the child placed in ('1'); 

eliminar directamente los [si tiene un identificador]

$('.parent .child').remove();//it removes child from the parent. 

si no sabe cuál es el padre.

var selector = '.child';//you must identify ONE child to find its parent 

var sP = $(selector).parent();//selecting the parent for this Child 

//now removing the Child [identifier = position of child] 

$(select).parent().children("5").remove(); 

En caso de que tenga demasiados niños con la misma clase, pero el padre es diferente para todos. se puede retirar al niño también poniendo la clase hija

//[._iNote] is the selector for the removing Element Here. 
$(select).parent().children("._iNote").remove(); 

Este script sólo sacar al niño del seleccionado en el parrent seleccionado. si hay muchos hijos con el mismo identificador, entonces se eliminarán todos, así que [???] en este tipo de caso, puede crear custome attr para seleccionar el elemento [solo para HTML5]. ejemplo

<p data-me="someThing-i-like"> [its a custom attr (data-me="someThing-i-like")] </p> 

en este caso para la eliminación de este elemento,

$("[data-me=someThing-i-like]").remove();// will work fine 

si tiene alguna quistion acerca de esta entrada PLZ PLZ PLZ me dejó saber [comentario]

Cuestiones relacionadas