Retirer les enfants de DIV après un certain nombre

J’ai ce HTML

close
Properties

Comment puis-je retirer les deuxième et quasortingème divs de ce code HTML à l’aide de jQuery ….

Essayer:

$('.control').find("div").slice(1, 4).remove();
$('.control').find("div").slice(1, 4).remove(); 

Vous recherchez :nth-child : http://api.jquery.com/nth-child-selector/

Cela fonctionne comme ceci:

 $('.control div:nth-child(2), .control div:nth-child(3), .control div:nth-child(4)').remove(); 

Notez que :nth-child utilise une indexation unique , le premier élément a donc l’index 1.

MISE À JOUR: En réponse à cette question, le PO a posté un commentaire

Si je ne sais pas combien de divs se produiront après la saisie du champ, y at-il un moyen de couper ou de trancher tous les divs ou tous les éléments qui surviennent après le deuxième enfant du contrôle DIV …

La réponse est oui, pour cela vous voulez le :gt: selector: http://api.jquery.com/gt-selector/

 $('.control div:gt(1)').remove() 

Contrairement à :nth-child :gt utilise l’indexation à base zéro , le premier élément a donc l’index 0.

 $('.controll>div:gt(1)').remove(); 

:gt sélecteur :gt vous permettra de sélectionner les éléments dont l’indice est supérieur à 1, ce sont 3. éléments et plus

voici l’exemple: http://jsfiddle.net/Am7Vw/1/

Si vous parlez de ceux spécifiques:

 $(".ui-resizable-handle, .delete").remove(); 

Si vous parlez des divisions aux positions 2 à 4, quelle que soit la balise, l’une des réponses à la nth-child() fonctionnera.

Tu peux le faire

 $('.control div:nth-child(2)').remove(); $('.control div:nth-child(3)').remove(); $('.control div:nth-child(4)').remove(); 

Ou vous pouvez le faire aussi

 $('.control div:nth-child(1)').siblings().remove();