Question

我创建此代码以替换某些内容并显示一个按钮：

var text = $(item).html().replace(exp, "<button onclick='alert('hi')' id='btnac' href='$1' >Click</button>");

但在页面中我得到了这个，我无法对任何功能发出警告：

<button onclick="alert(" hi')'="" id="btnac" href="www.example.com">Click</button>

Answer 1

var text = $(item).html().replace(exp, "<button onclick='alert(\"hi\")' id='btnac' href='$1' >Click</button>");

你有嵌套的单引号而没有转义它们。

Answer 2

之后附加点击处理程序。您还应该将您的ID更改为一个类，因为您可能会按照您的方式使用多个按钮。

var text = $(item).html().replace(exp, "<button class='btnac' href='$1' >Click</button>");
$('.btnac').on( 'click', function() {
  window.alert( "hi!" );
} );

我如何用javaScript生成正确的html标签？

2 个答案: