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

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

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 引用被

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

贾志军

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• ajax
• bootstrap
• chart
• chrome
• css
• css3
• firebug
• firefox
• html
• html5
• javascript
• jquery
• json
• node.js
• npm
• postman
• vue.js
• webkit

RankList | 热门文章

• 1功能等同于带有变量比较的if表达式
• 2是否有一个函数来检查安装了devtools :: install_github的软件包是否已更新？
• 3仅在需要AngularJS时才注入模块依赖项(如插件)
• 4Ruby:定义自己的转换方法/协议
• 5如何在oracle中将日期转换为时间戳(DD-MON-YYYY HH24:MI:SS.FF格式)？
• 6如何在角度中使用npm模块？
• 7laravel / dingo API上的变压器用法
• 8Qt Android蓝牙套接字在Android 5.1.1和6.0上编写问题
• 9将currentCalendar()Date转换为NSCalendarIdentifierChinese
• 10子字符串:在字符串中获取"或"出现的索引
• 11将一列字符串转换为Pandas中的整数列
• 12iOS9:canOpenURL为WhatApp的url方案返回false
• 13在构建意图时,"这个"是指什么
• 14如果两者都有position:absolute,那么元素及其子元素的左值和顶值是什么？
• 15垂直对齐图像和文本在表中
• 16NestedScrollView在Recyclerview调整大小时滚动到顶部
• 17Caffe可以扩展到多个CPU核心吗？
• 18java.lang.OutOfMemoryError GC开销限制超过了Java堆空间？
• 19仅在php,mysql中显示前50个字符
• 20如何将.caf文件转换为.mp3文件？