jQuery - ajout de la classe de li sur cliquez sur

J'ai le balisage suivant

<div id="div1">
   <ul>
      <li><a href="#" id="id1">link1</a></li>
      <li><a href="#" id="id2">link2</a></li>
      <li><a href="#" id="id3">link3</a></li>
   </ul>
</div>

Je veux utiliser jQuery pour ajouter une classe à l'cliqué sur le lien et de supprimer la classe de déjà cliqué sur des liens, comme

<li class="selected"><a href="#" id="id1">link1</a></li>
<li><a href="#" id="id2">link2</a></li>
<li><a href="#" id="id3">link3</a></li>
  • Si vous recherchez un peu dans Google, Bing et les autres, vous trouverez un grand nombre d'entrées de blog et des tutoriels à propos de cette
  • dans l'avenir, de ne pas juste venir ici pour obtenir la réponse... essayer de le faire soi-même d'abord.
  • Désolé, sera prudent la prochaine fois. Si j'ai essayé un peu de code avant de poster cette question.
InformationsquelleAutor ZedBee | 2013-01-14
  1. 12

    Essayez ceci:

    $('#div1 li').click(function(e) {
    $(this).addClass('selected').siblings().removeClass('selected');
});

    Sinon, si vous voulez fixer le click événement à la a:

    $('#div1 a').click(function(e) {
    e.preventDefault();
    $('#div1 a').removeClass('selected');
    $(this).addClass('selected');
});

    Exemple de violon

    InformationsquelleAutor Rory McCrossan
  2. 2

    vous pouvez faire quelque chose comme ceci:

    $('li a').click(function() {
    $('li a').removeClass('selected');
    $(this).addClass('selected');
});

    C'est, d'abord supprimer toutes les classes, puis ajouter la classe de celui qui a été cliqué.

    InformationsquelleAutor cowls