javascript - JQuery - 将 li a 的 href 更改为 javascript :void(0)

Question

我有一个缩略图列表:

<ul>
  <li><a href=#c1><img /><p>1 Thumb</p></a></li>
  <li><a href=#c2><img /><p>2. Thumb</p></a></li>
  <li><a href=#c3><img /><p>3. Thumb</p></a></li>
</ul>

JavaScript(我使用jquery框架)应该将ul中a的每个href更改为javascript:无效(0)

就像:

$("#thumbs ul li > a").href( 'javascript:void(0)');

Answer 1

您可以使用.attr()做您想做的事(用于属性，而不是 .href())，如下所示:

$("#thumbs ul li > a").attr('href','javascript:void(0)');

...但我不会，有更好的方法来解决你的问题，例如:

$("#thumbs ul li > a").click(function(e) {
  e.preventDefault();
});

这会附加一个属性click处理程序来阻止导航，而不是弄乱属性来执行相同的操作。