jQuery - Trouver de l'onglet actif

J'ai une liste d'onglets:

<ul class="tabs">
<li><a data-id="1" href="#">AAA</a></li>
<li><a data-id="2" href="#" class="active">BBB</a></li>
<li><a data-id="3" href="#">CCC</a></li>
</ul>

Ensuite, j'ai un bouton:

<div id="button">Click Me</div>

Comment puis-je, quand on clique sur le bouton, l'accès à l'élément ayant la classe d'actif? J'ai besoin d'être en mesure d'obtenir les données de l'id de l'élément actif.

Alors, quelque chose comme ça... (cela ne fonctionne pas!)

$("#button").live("click", function(){

        var ref_this = $("ul.tabs li a").find(".active");
        alert(ref_this.data("id"));

});

OriginalL'auteur TiagoSouEu | 2013-09-25

  1. 11

    Vous avez déjà sélectionné le a, et find() recherches descendants. Essayez plutôt ceci:

    var ref_this = $("ul.tabs li a.active");

    Note de côté: live() est obsolète depuis la version 1.7. on() est le nouveau hotness.

    Je ne sais pas comment, je ne pense pas à ce sujet. Vraiment simple! Merci!!!! 🙂

    OriginalL'auteur Jason P

  2. 1

    Essayer au lieu de vivre:

    $("#button").on("click", function(){

        var ref_this = $("ul.tabs li a").find(".active");
        alert(ref_this.data("id"));

});

    OriginalL'auteur Evets Rezik

  3. 0

    Comme d'autres l'ont déjà mentionné: depuis jQuery v1.7 le live() la méthode est obsolète.

    Cela devrait fonctionner:

    $('#button').on('click', function() {
  var active_button = $('.tabs li a.active');
});`

    OriginalL'auteur Robin

  4. 0

    Être prudent, live() jQuery méthode est obsolète depuis 1.7 version. Vous devez utiliser on() jQuery plutôt la méthode (sur() de jquery documentation) et de changer votre CSS sélecteur comme ceci :

    $('#button').on('click', function(){
    var ref_this = $('ul.tabs li a.active');
    alert(ref_this.data('id'));
});

    Et si le active classe est optionnel (0 à 1. Pas n), vous devez vérifier s'il existe une active élément par exemple (juste un moyen simple de le faire) :

    $('#button').on('click', function(){
    var ref_this = $('ul.tabs li a.active');

    if(ref_this)
        alert(ref_this.data('id'));
    else
        alert('There is no active element');
});

    OriginalL'auteur deformhead

  5. -2
       var activeTab = "AAA";
    $("li").click(function(){
    activeTab = $(this).text();
    });
    Merci d'éditer avec plus d'informations. Code-et "essayer cette" réponses sont découragés, car ils ne contiennent pas de contenu disponible pour la recherche, et de ne pas expliquer pourquoi quelqu'un doit "essayer". Nous faisons un effort pour être une ressource pour la connaissance.

    OriginalL'auteur Darshit Gandhi