Obtenir le href de la valeur et puis trouver une id

Je suis en train de construire cette section en fonction de l'ancre de navigation. Lorsque je clique sur un lien j'obtiens souhaité à l'ancre et le lien cliqué gains d'une classe avec un style particulier, jusqu'à présent, il fonctionne bien:

HTML

<body>

  <nav>
    <div class="anchor-link" > <a href="#anchor1" > Anchor 1 </a> </div>
    <div class="anchor-link"> <a href="#anchor2"> Anchor 2 </a> </div>
    <div class="anchor-link"> <a href="#anchor3"> Anchor 3 </a> </div>
    <div class="anchor-link"> <a href="#anchor4"> Anchor 4 </a> </div>
    <div class="anchor-link"> <a href="#anchor5"> Anchor 5 </a> </div>
  </nav>

  <div class="main-wrap">
    <div id="anchor1"></div>
    <div id="anchor2"></div>
    <div id="anchor3"></div>
    <div id="anchor4"></div>
    <div id="anchor5"></div>
   </div>

</body>

JS

$(document).ready(function(){
  $(".anchor-link").on("click", function(){
    $(this).addClass("active");
    $(this).siblings().removeClass("active");

Maintenant, je voudrais obtenir la valeur à l'intérieur de href, mais cela ne fonctionne pas et il renvoie undefined:

      var href = $(this).attr('href');
      console.log(href);
   })

En supposant qu'il a travaillé, et le var href contient la valeur du lien cliqué, par exemple "#anchor1", comment je dois procéder pour ensuite retrouver dans le "main-wrap", le div avec l'id "#anchor1"?

Serait-ce de travailler, et comment aurais-je à remplir que la requête de la recherche?

$(".main-wrap").find(...);
  • Pour correctement se href: utilisez ceci à la place: var href = $("a", this).attr('href');
InformationsquelleAutor Sergi | 2017-01-23
  1. 5

    Ici est un jsFiddle faire ce que vous voulez: jsFiddle

    Et il n'y a jquery extrait de:

    $(document).ready(function(){
  $(".anchor-link").on("click", function(){
    $(this).addClass("active");
    $(this).siblings().removeClass("active");
      var href = $("a", this).attr('href');
      $(href).html("You clicked " + href + " !");
   });
});

    Où vous essayez d'obtenir le href de la $(this) élément qui fait référence à la <div class="anchor-link" > cliqué, ce qui n'a pas de href attribut.

    En faisant ceci: $("a", this).attr('href') vous dire Prendre la valeur de l'attribut href de l' <a> élément dans la div, j'ai juste cliqué sur

    Après cela, vous pouvez sélectionner la div avec $(href)

    • Merci pour l'explication. Qui fonctionne.
    InformationsquelleAutor Gille Q.
  2. 3

    Vous essayez d'obtenir href d'un <div> et il n'a pas cet attribut

    Changement sélecteur de la <a> ou de regarder à l'intérieur de la div à l'aide de find()

    $(".anchor-link").on("click", function(){
   var href = $(this).find('a').attr('href');
  ....

})
    InformationsquelleAutor charlietfl
  3. 1

    Essayez la procédure suivante cliquez sur gestionnaire de

    $(document).ready(function(){
  $(".anchor-link a").on("click", function(){
    $(this).parents('.anchor-link').addClass("active");
    $(this).parents('.anchor-link').siblings().removeClass("active");
      var href = $(this).attr('href');
      console.log(href);
   });
})
    InformationsquelleAutor Nadeem Manzoor