jquery - 附加报价

Question

我正在尝试一个具有调用 javascript 函数append()的属性的按钮：onclick

$('#button').append('<button onclick=setUrlLink(\''+pageN+'\')>Next</button>);

检查源代码时，周围缺少引号pageN，我该怎么办？

Answer 1

为什么不使用双引号

$('#button').append('<button onclick=setUrlLink("'+pageN+'")>Next</button>');
                                            ----^         ^---

Answer 2

为什么不直接使用 jQuery 来做到这一点？

$("#button").append($("<button>").on('click', function () { setUrlLink('pageN'); })
   .text('Next'));

Answer 3

只需使用双引号而不是单引号来启动字符串。

$("#button").append("<button onclick=setUrlLink('" +pageN+ "')>Next</button>");