La suppression d'une manière dynamique créée li de ul

J'utilise jquery pour ajouter et supprimer des balles à la volée après que le DOM est chargé.

Voici le code pour ajouter une puce qui fonctionne très bien:

//add bullet
$('#linkedEventList ul').append('<li id=' + datum._id + '>' + datum.headline + ' <a href=javascript:; title=delete onclick=remove(this) class=itemDelete>(x)</a> <a href=/events/' + datum._id + '>(open)</a></li>');

Maintenant, voici le code à supprimer les cliqué balle, qui fonctionne très bien sous Firefox, mais ça ne marche pas droit dans google Chrome. Dans Chrome, le lien hypertexte est retiré et ne sont pas le parent ou le li.

//remove bullet
//$(link).closest('li').remove();
$(link).parent().remove();

Soit la méthode ci-dessus fonctionne très bien sous FireFox, mais aucun ne fonctionne dans Chrome. Toutes les idées sur la solution?

jsfiddle: http://jsfiddle.net/jjgelinas77/CsAJn/14/

qu'est-ce que link?
jQuery Supprimer la méthode doit fonctionner correctement dans Chrome, vous pouvez poster le code complet ou de jouer?
Vous devriez regarder votre cite pour exemple le titre et le onclick, Certains navigateurs pourrait voir ça comme un problème. Et de vérifier votre console d'erreurs.
voici le jsfiddle: lien
lien vient d': "onclick=supprimer(ce)". Il est le lien hypertexte qui a été cliqué sur supprimer.

OriginalL'auteur Jason | 2013-06-26

  1. 4

    J'ai utilisé une combinaison de la réponse fournie.

    J'ai enlevé le onclick du li, et au lieu de cela fait référence à la classe d'être cliqué et combiné qu'avec les " ce " que par ci-dessous.

    $('#linkedEventList').on('click', '.itemDelete', function(){
$(this).parent().remove();
});

    Voici le jsfiddle qui fonctionne dans FireFox et Chrome: http://jsfiddle.net/jjgelinas77/CsAJn/27/

    OriginalL'auteur Jason

  2. 3

    Vous pourriez le faire à l'aide de l'index de l'cliqué <li>

    $('li').on('click', function() {
    $(this).parent().children('li:eq(' + $(this).index() + ')').remove();
});

    Edit: cela fonctionne ainsi:

    $('li').on('click', function() {
    $(this).remove();
});

    Voir violon.

    Le li a deux liens, chacun avec une action différente. Utilise donc la li indice ne fonctionnera pas.

    OriginalL'auteur Terence

  3. 2

    Ne pas vous dire

    $(this).parent().remove();

    Aussi, vous pourriez envisager de 

    $(this).closest('li').remove();

    Qui ira jusqu'à la DOMtree jusqu'à ce qu'il trouve un li, si jamais vous enveloppez de votre ancre dans un autre élément, le dernier exemple, l'habitude de frein 🙂

    OriginalL'auteur Martijn

  4. 1

    Remplacer les suivantes:

    $('#linkedEventList ul').append('<li id=' + datum._id + '>' + datum.headline + ' <a href=javascript:; title=delete onclick=remove(this) class=itemDelete>(x)</a> <a href=/events/' + datum._id + '>(open)</a></li>');

    :

    $('#linkedEventList ul').append('<li id=' + datum._id + '>' + datum.headline + ' <a href=javascript:; title=delete class=itemDelete>(x)</a> <a href=/events/' + datum._id + '>(open)</a></li>');

$('#'+datum._id).bind({
   click: function(o) {
      $(this).remove();
   }
});

    Espère que cette aide.

    OriginalL'auteur web-nomad