javascript - 使用 jQuery 替换元素

Question

我在这样的分页部分有 html 输出；

<p>&nbsp;<strong class="active">1</strong>&nbsp;<a href="http://localhost/project/report_nc/search_now/1">2</a>&nbsp;<a href="http://localhost/project/report_nc/search_now/2">3</a>&nbsp;<a href="http://localhost/project/report_nc/search_now/1">Next »</a>&nbsp;</p>

现在我需要使用 jquery 添加属性“onclick”。但不幸的是，“onclick”属性不能用 jquery 设置。同时我想出了一个主意:采用单个 anchor 标记(即 <a href="http://localhost/project/report_nc/search_now/2"></a> )并将其替换为新的 anchor 标记(即 <a href="javascript:void(0)" onclick="myFunction(2)"></a> )。

我将如何使用 jquery 来实现？这个想法是在单击分页链接时发布表单。

已解决!

谢谢大家的友好回复......我想我的代码中有一个小错误；当我浏览 umesh 发布的代码时我注意到“onClick”……是的，我使用的是“onclick”而不是“onClick”。现在它已经在 FF 中工作，希望它也能在 IE 中工作。

Answer 1

你可以使用.replaceWith()像这样:

$('a').replaceWith('<a href="javascript:void(0)" onclick="myFunction(2)" />');

虽然我建议研究为什么不能使用 jquery 设置 onclick 属性，但如果您想绑定(bind)点击事件，可以使用 .click()

$('a').click(function(e) {
   myFunction(2);
})