Question

我有这个javascrpt代码：

    for (var data in feature.data) {
        if (!shownParameters[data]) continue;

        var xmlString = "<a href='www.cnn.com'>Link</a>"
        var elem = $.parseHTML(xmlString);

        var item = $("<li>", { style: 'padding:0px;text-align:right' })
            .append($('<div>')
                .append($("<span>", { text: elem }).addClass("view"))
            .addClass("feature-data-value"))
            .append($("<div>").addClass("clear-div"));
        item.appendTo('#wfs-details-list');
    }

在上面的代码中，我尝试创建锚链接DOM元素。但在视图中我得到了这个：

以下是视图中的内容：

知道为什么我不能在DOM锚链接元素中创建吗？

Answer 1

实际上，这不是真正的方法，但解决了你的问题..

  for (var data in feature.data) {
        if (!shownParameters[data]) continue;

        var xmlString = "<a href='http://www.cnn.com'>Link</a>";
        var item = $("<li>", {style: 'padding:0px;text-align:right'})
            .append($('<div>').append($("<span>").append(xmlString)).addClass("view"))
            .addClass("feature-data-value")
            .append($("<div>").addClass("clear-div"));
        item.appendTo('#wfs-details-list');
  }

Answer 2

如果你的目标是创造这个：＆lt; ul id =“wfs-details-list”＆gt; ＆lt; li style =“padding：0px; text-align：right”class =“feature-data-value”＆gt; ＆lt; div class =“view”＆gt;＆lt; span＆gt;＆lt; a href =“http://www.cnn.com”＆gt;链接＆lt; / a＆gt;＆lt; / span＆gt; ＆LT; / DIV＆GT; ＆lt; div class =“clear-div”＆gt;＆lt; / div＆gt; ＆LT; /锂＆GT; ＆LT; / UL＆GT; 然后这更清楚，但不会更短 for（feature.data中的var数据）{ if（！shownParameters [data]）继续; $（“＆lt; li＆gt;”，{ style：'padding：0px; text-align：right'，//属于一个类 class：“feature-data-value” }）。附加（ $（'＆lt; div＆gt;'，{ class：“view” }）。附加（ $（ “＆LT;跨度/＆gt;” 中）附加（。 $（“＆lt; a /＆gt;”，{ href：“http://www.cnn.com”，文字：“链接” }）））） .append（$（“＆lt; div /＆gt;”，{ class：“clear-div” }）） .appendTo（ '＃WFS-细节清单'）; }

为什么我不能在DOM锚元素中创建？

2 个答案: