如何编写包含脚本标记的父级内容

how to write content the parent which encloses the script tag

本文关键字：何编写 包含 脚本      更新时间：2023-09-26

我正在标签内编写脚本。

<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标签的内容。

我怎样才能做到这一点？

您可以使用document.write：

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

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

使用有效的 JSON 为我工作

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

$(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>");
    });
  }
});

文档.写版本：演示

把它移到头部，用jQuery做成这样怎么样？

$('.boxes_tree').append("<li>" + itemStr[key] + "</li>");
相关文章：