javascript - 如何将内容写入包含脚本标签的父级

Question

我正在标签内编写脚本。

<ul class="boxes_tree">
  <li><strong>data</strong></li>
  <script type="text/javascript">
    var itemStr ='[data1,data2]';
    itemStr=$.parseJSON(itemStr);
    if(itemStr){
          for (var key in itemStr)
          {
             if (itemStr.hasOwnProperty(key))
             {
                itemStr[key];
             }
          }
    }
  </script>
</ul>

现在代替 itemStr[key];我想添加一个li标签itemStr[key]作为标签的内容li。

我怎样才能做到这一点？

Answer 1

将它移到头部并使用 jQuery 使其成为这种方式怎么样？

$('.boxes_tree').append("<li>" + itemStr[key] + "</li>");

Answer 2

您可以使用document.write：

document.write("<li>" + itemStr[key] + "</li>");

据我所知，这是实现您想要做的事情的唯一方法。但是，您可能想完全重新考虑您的设计。因为使用 document.write 被认为是一种不好的做法。

Answer 3

使用有效的 JSON 为我工作

无论如何你都使用 jQuery，所以DEMO

$(function() {
  var itemStr ='[{"var":"data1"},{"var":"data2"}]';
  itemStr=$.parseJSON(itemStr);
  var $ul = $("#tree");
  if(itemStr){
    $(itemStr).each(function(i, val) {
      $ul.append("<li>"+val.var+"</li>");
    });
  }
});

---

document.write 版本：DEMO