清除<a> href after the page is loaded using jquery</a>

时间:2010-10-21 22:24:34

标签: javascript jquery wordpress

我正在尝试稍微修改一个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"));
}

它什么都不做,警报返回“未定义”。

我哪里出错,谢谢!

3 个答案:

答案 0 :(得分:15)

使用attr()代替css()

css方法用于获取或设置CSS属性(例如margincolorfont-size等。 attr方法用于获取或设置HTML属性,例如hrefsrc等。

答案 1 :(得分:5)

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

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

答案 2 :(得分:0)

css()如果仅用于添加内联css,请在这种情况下尝试attr()

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

返回false是为了避免页面重新加载。 ;)

相关问题