J’ai ce HTML
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();