首页   技术笔记   网址导航   Json在线解析   二维码   Ip地址查询   在线流程图  
新用户注册 | 会员登录
当前位置:  开发笔记 > 前端 > 正文

获取href值,然后将其作为id找到

作者：贾志军 | 2023-09-06 16:57
如何解决《获取href值,然后将其作为id找到》经验，为你挑选了1个好方法。

我正在尝试基于锚导航构建此部分.当我点击一个链接时,我会找到所需的锚点,点击的链接会获得一个具有特定样式的类,到目前为止它运行良好:

HTML

JS

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

现在我想在href中获取值但是这不起作用并返回undefined:

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

假设它工作,并且var href保存点击链接的值,例如"#anchor1",我将如何继续然后在"main-wrap"中找到id为"#anchor1"的div ？

这会工作,我将如何填写查找查询？

$(".main-wrap").find(...);

Gille Q... 5

这是一个jsFiddle做你想要的:jsFiddle

还有jquery片段:

$(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 + " !");
   });
});

你试图获得$(this)元素的href 引用被

点击的,它没有任何href属性.

通过执行此操作:$("a", this).attr('href')您告诉Take 我刚刚单击的div中元素的href属性的值

在此之后,您可以选择相应的div $(href)



1> Gille Q...：

这是一个jsFiddle做你想要的:jsFiddle

还有jquery片段:

$(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 + " !");
   });
});

你试图获得$(this)元素的href 引用被

点击的,它没有任何href属性.

通过执行此操作:$("a", this).attr('href')您告诉Take 我刚刚单击的div中元素的href属性的值

在此之后,您可以选择相应的div $(href)

推荐阅读
devbox
贾志军
这个屌丝很懒，什么也没留下！
关注作者
Tags | 热门标签
RankList | 热门文章
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有