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 id. id est unique
quand 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

  1. 17

    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:

    $("#btnRemove").click(function() {
    $("#myList li").eq(1).remove();
});

    Cela permettra d'éliminer le deuxième élément de la liste à chaque clic de souris.

    En direct des cas de test.

    OriginalL'auteur

  2. 11

    Vous avez probablement eu certains stupide erreur, cela devrait fonctionner:

    $('#buttonId').click(function(){
        $('#tl_2').remove();
    });

    Noter qu'il n'est pas nécessaire de "trouver" pour l'élément par son id. id est unique.

    $('li').find('tl_1').remove();  //And you were missing the # anyway...

    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.

    Chaque valeur de l'id doit être utilisé qu'une seule fois dans un document. Si plus d'un élément a été attribué le même ID, les requêtes qui utilisent d'identification que vous ne sélectionnez la première appariés élément dans le DOM. Ce comportement ne doit pas être invoqué, cependant, un document de plus d'un élément à l'aide du même IDENTIFIANT n'est pas valide.

    est assez idiot -- j'ai oublié le # symbole.

    OriginalL'auteur

  3. 2

    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...

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

    Fonctionne selon la documentation de jquery. il a travaillé pour moi.

    OriginalL'auteur

  4. 0

    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:

    $('ul').find('#tl_2').remove(); //but this isn't really needed since we are selecting by id. So just go for the first example which is faster.
    Peut-être plus d'un élément avec le même ID, dans de tels cas, seul le premier sera supprimé. mise à Jour de violon
    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