附加在parsexml中

Question

我需要一些帮助来完成我的代码，因为我有一些困难，使语法正确。我有一个解析XML，我使用追加来显示数据。我也试图做点击事件，以发送数据到谷歌分析，但在这里，我无法得到正确的。这就是我想在前端添加onclick=“dataLayer.push({‘dataLayer.push’：‘按钮1-单击’})”，但我不能在附件中添加单引号。

这是密码

$(document).ready(function () {
  $.ajax({
      type: "GET",
      url: "https://www.nomuraconnects.com/rss/articles",
      dataType: "xml",
      success: parseXml
  });
});

function parseXml(xml) {
  $("#main").html("<div class='section group' id='content' data-role='listview' data-inset='true'></div>");
  $(xml).find("item").slice(0, 2).each(function () {
      $("#content").append("<a target='_blank' href='" + $(this).find("link").text() + "' onclick='dataLayer.push({});'><div class='col span_1_of_2'><div class='thumbnail'><img src='" + $(this).find("enclosure").attr('url') + "'/></div><div class='text-box'><h2>" + $(this).find("title").text() + "</h2><p>" + $(this).find("description").text() + "</p></div></div></a>");
  });
}

谢谢

Answer 1

您可以使用jQuery(html, attributes)设置事件处理程序、HTML和动态创建元素的属性。

​

const dataLayer = [];

$("#content")
.append($("<a>",{
  target: "_blank" // set `target` attribute
, href: "javascript:void 0" // set `href` attribute
, html: "<div>parent div" // set `innerHTML`
       + "<div>child div 1<img alt='img'/></div>"
       + "<div>child div 2<h2>h2</h2><p>p</p></div></div>"
, on: { // set event handlers
       click: function(e) { // set `click` event
                dataLayer.push({"event": "button1-click"});
                console.log(dataLayer);
              }
      }
}));

.as-console-wrapper{max-height:25% !important}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content"></div>

​