如何在div中处理几个ul标签

Question

我想操纵标签以便对从服务器接收到的数据进行json处理。该数据将作为

标记输出。

我试图获取标签并输出

，但是由于响应数据正在输出

，因此ul结构破裂了。

例如：

<div>
  <ul>
    <li>1</li>
　  <li>2</li>
  </ul>
  <ul>
    <li>3</li>
　  <li>4</li>
  </ul>
  <ul>
    <li>5</li>
　<li>6</li>
  </ul>
</div>

如果响应为：

<div>
  <ul>
    <li>3</li>
　  <li>2</li>
  </ul>
  <ul>
    <li>1</li>
　  <li>5</li>
  </ul>
  <ul>
    <li>4</li>
　  <li>6</li>
  </ul>
</div>

我想将HTML中的顺序更改为json数据。

这是我尝试输出

标记url中的数据的示例

for (var i = 0; i < t.length; i++) {
      var jsonData = r[t].url;
      var html = document.querySelectorAll(
        "div>ul>li>a"
      );
      for (var c = 0; c < html.length; c++) {

        if (
          document.querySelectorAll(
            "div>ul>li>a"
          )[c].href == jsonData
        ) {
          var out = document.querySelectorAll("div>ul>li>a")[
            c
          ];
          //console.log(outer);
          var li = document.querySelector("ul.test"); 
          var display = out;

          li.insertBefore(display, li.children[i]); 
        }
      }
    }

结果应显示在标记中，但接收数据正在输出

。