使用jquery加载页面后清除<a> href

Question

我正在尝试稍微修改一个wordpress模板.目前,一个函数返回一篇文章的链接,我试图替换这个链接,这样它就不会将你转移到另一个页面而只是将文章带入并加载它.

为此,我需要在页面加载后重置锚点href.

这是我感兴趣的一些代码:

<?php the_content( __('<img class="readmore" src="/images/readmore.png" title="poo"></img>', 'twentyten' ) ); ?>

收益:

<a class="more-link" href="http://henryprescott.com/undgraddissintro/#more-12">
<img title="poo" src="/images/readmore.png" class="readmore"></img></a>

但是,我想修改它,以便运行脚本而不是将您带到新页面.

因此我试图运行这个:

$(document).ready(function(){  

  $("a.more-link").css("href", "#");
  alert($("a.more-link").css("href"));
}

它什么都不做,警报返回"未定义".

哪里出错了,谢谢!

Answer 1

用attr()而不是css().

该css方法是用于获取或设置CSS属性(如margin,color,font-size等等).该attr方法是用于获取或设置HTML属性,如href,src等

Answer 2

您正尝试使用CSS命令更改属性,这是错误的.

$(document).ready(function(){  
  $("a.more-link").attr("href", "#");
  alert($("a.more-link").attr("href"));
}