La suppression d'éléments spécifiques à partir d'une liste avec JQuery
j'ai une liste dynamique, qui ressemble à ceci:
<ul>
<li class="border" id="tl_1">Text1</li>
<li class="border" id="tl_2">Text2</li>
<li class="border" id="tl_3">Text3</li>
</ul>
La liste peut avoir plus de points que les ces trois.
Lorsque quelqu'un clique sur un bouton spécifique, je veux par exemple que la "tl_2" sera supprimé de la liste. Je l'ai essayé avec ces JQuery commandes, mais non d'entre eux étaient de travail:
$('#tl_2').remove();
ou
$('li').find('tl_1').remove();
Comment puis-je résoudre ce problème?
Montrer ce que vous avez essayé, il doit avoir travaillé...
Notez qu'il n'est pas nécessaire de "trouver" pour un élément par
quand vous dites
$('#tl_2').remove(); devrait fonctionner (voir api.jquery.com/remove). Votre deuxième ligne ne fonctionnera que si vous remplacez li ul: $("ul").find('tl_1').remove();
Il travaille: j'ai utilisé le mauvais sélecteur de déterminer le nombre derrière la tl_... Néanmoins il y a une fonction radicalement vraiment supprimer l'article et pas seulement "display:none;" ?
Notez qu'il n'est pas nécessaire de "trouver" pour un élément par
id
. id
est uniquequand vous dites
dynamic
, voulez-vous dire les éléments de la liste sont rempli dynamiquement par le biais d'une demande d'un certain type, éventuellement après le code dans votre question a courir?$('#tl_2').remove(); devrait fonctionner (voir api.jquery.com/remove). Votre deuxième ligne ne fonctionnera que si vous remplacez li ul: $("ul").find('tl_1').remove();
Il travaille: j'ai utilisé le mauvais sélecteur de déterminer le nombre derrière la tl_... Néanmoins il y a une fonction radicalement vraiment supprimer l'article et pas seulement "display:none;" ?
OriginalL'auteur Torben | 2012-02-12
Vous devez vous connecter pour publier un commentaire.
Vous avez probablement plus d'un élément avec le même ID.
Vous n'avez pas à utiliser l'ID du tout dans le cas où vous souhaitez supprimer de l'index, vous pouvez utiliser le
.eq()
méthode:Cela permettra d'éliminer le deuxième élément de la liste à chaque clic de souris.
En direct des cas de test.
OriginalL'auteur
Vous avez probablement eu certains stupide erreur, cela devrait fonctionner:
Noter qu'il n'est pas nécessaire de "trouver" pour l'élément par son id. id est unique.
Assurez-vous que vous avez seulement un élément pour chaque
id
. id est comme id... Vous pouvez avoir un seul, avec la même valeur.#
symbole.OriginalL'auteur
Je pense que vous n'êtes pas en nous montrant une partie de votre code comme je pense que vous essayez de générer l'identifiant de manière dynamique, u définir de façon dynamique. vous devez vous assurer qu'il n'y est pas de "l'espace" de caractère au sein de l'id qui sera probablement mess chose...
Fonctionne selon la documentation de jquery. il a travaillé pour moi.
OriginalL'auteur
Vous devez avoir une erreur quelque part d'autre, parce que ce que vous avez fonctionne, tout simplement.
Veuillez vérifier votre console d'erreur.
Bien que votre deuxième exemple devrait être:
Bon appel. Bien OP avez-vous le même ID, plus d'une fois dans les DOM?
L'OP ne recevrez pas de notification sur votre commentaire ici, poster des commentaires sur sa question de façon qu'il recevez une notification et espère pouvoir répondre. 🙂
Pas toujours, j'ai répondu à un gars qui avait actualisation de la page problème, le problème était qu'il avait dupliqué id. Afin de ne pas toujours il suffit de sélectionner le premier élément...
OriginalL'auteur