代码之家 › 专栏 › 技术社区 › jerrygarciuh

访问锚点属性和event.prventDefault()

preventdefault events jquery javascript

jerrygarciuh · 技术社区 · 12 年前

我想在不使用旋转栅门的情况下捕捉链接点击并存储在我的数据库中。当前代码

$( ".ads-box a" ).click(function( event ) {
  event.preventDefault();
  var href = $(this).find('a').attr('href');
  var id = $(this).find('a').attr('id')
  console.log(href);
  console.log(id);
  console.log(this);
});

和

<div class="ads-box" id="adbox-35"><a href="http://www.makeitrightnola.org" id="ad-35" target="_blank"><img src="/g/shows/sidebar/83172823_ad_image.png" alt="Make It Right"></a></div>

在控制台中生成

undefined
undefined
<a href="http://www.makeitrightnola.org" id="ad-35" target="_blank"><img src="/g/shows/sidebar/83172823_ad_image.png" alt="Make It Right"></a>

如何访问链接的属性?出了什么问题?

1 回复 | 直到 12 年前

Sergio 12 年前

移除 .find('a') 在里面 var href = $(this).find('a').attr('href'); 。您已经在 <a> 元素,这样就足够了 $(this).attr('href');

试试这个:

$( ".ads-box a" ).click(function( event ) {
  event.preventDefault();
  var href = this.href;  // i used vanilla JS here
  var id = this.id;      // i used vanilla JS here
  console.log(href);
  console.log(id);
  console.log(this);
});

演示 here

推荐文章

Matthew Gertner · 无法阻止“touchmove”在iOS上滚动窗口

8 年前

Joeytje50 · 为什么在Chrome[复制]中使用preventDefault将<select multiple>框滚动到顶部

8 年前

user9127206 · Javascript-事件不能与其他事件一起使用

8 年前

Christoffer Corfield Aakre · 无法使用jQuery选择元素

9 年前

Tarik Kaoukab · 事件preventDefault()不工作

10 年前

user2132498 · 在具有动态值的函数上使用的变量不允许我通过ajax发送表单

11 年前

christophe · 在下拉菜单中的输入字段上停止点击事件(AngularJS过滤器元素)

12 年前

jerrygarciuh · 访问锚点属性和event.prventDefault()

12 年前

Michael · event.prventDefault();在Firefox中不停止鼠标滚轮

14 年前