динамически генерирует HTML, кавычки и косую черту

Question

0

Это сводит меня с ума; Я динамически создаю строку в jquery следующим образом:

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

В инструментах chrome dev я вижу это вместо этого:

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

HukeLau_DABA 04 дек. 2013, в 01:20

Теги:

2 ответа

Evgeny · Answer 1 · 2013-12-03T21-18-00.000Z

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

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

проблема с доступом к genId, так как это выходит за рамки? Я должен был бы использовать genId как часть атрибута селектора, который зарегистрирован с событием click.
Я бы, вероятно, сделал то, что вы сказали: создайте атрибут data-genid в .myClass div, а затем получите к нему доступ следующим образом: $ (this) .attr ("data-genid")

Zach Spencer · Answer 2 · 2013-12-03T21-00-00.000Z

будет ли это работать вместо этого?

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

});