动态生成html，引号和正斜杠

Question

这让我疯了;我在jquery中动态创建一个字符串，如下所示：

html += "<div class='myClass' " + "onClick=ajaxReq('GET', '/ws/trophies/" + genID +         
        "')>";

在chrome dev工具中，我看到生成了这个：

<div class="myClass" onclick="ajaxReq('GET'," ' ws trophies 3')>

Answer 1

这会改变吗？

$(document).on('click','.myClass',function () {
  ajaxReq('GET', "/ws/trophies/" + $(this).attr("id")); // or something     

});

Answer 2

https://www.google.com/#q=onclick+is+bad

html += "<div class='myClass'>";

$(document).on('click', '.myClass', function() {
    ajaxReq('GET', '/ws/trophies/' + genID);
});