使用 javascript 删除 li 元素的 ul 类

Question

我有一个像这样的 ul 元素<ul class = 'check'> <li> stackOverFlow1 </li><li> stackOverFlow2 </li><li> stackOverFlow3 </li><li> stackOverFlow4 </li><li> stackOverFlow4 </li><ul>我怎样才能把它转换成<ul class = 'check'> <li> stackOverFlow1 </li></ul><ul><li> stackOverFlow2 </li></ul><ul class = 'check'> <li> stackOverFlow3 </li><li> stackOverFlow4 </li><li> stackOverFlow4 </li></ul>我正在尝试使用纯 javascript 获取此信息...请帮助...提前致谢

Answer 1

要将原始元素转换为您想要的结果，您需要创建新ul元素并将它们附加到父容器。然后，您可以使用将li元素从原始元素移动ul到适当的新元素。ulappendChild

var check = document.querySelector("ul.check");

var li = check.querySelectorAll("li");

var parent = check.parentElement;

var newUl1 = document.createElement("ul");

newUl1.appendChild(li[1]);

parent.appendChild(newUl1);

var newUl2 = document.createElement("ul");

newUl2.classList.add("check");

for (let i = 2; i < li.length; i++) {

  newUl2.appendChild(li[i]);

}

parent.appendChild(newUl2);

.check {

  color: red;

}

<div>

  <ul class="check">

    <li> stackOverFlow1 </li>

    <li> stackOverFlow2 </li>

    <li> stackOverFlow3 </li>

    <li> stackOverFlow4 </li>

    <li> stackOverFlow4 </li>

    <ul>

</div>

Answer 2

如果你想删除特定的 ul 类，那么你可以试试

  var index_to_delete=2;

    

 document.querySelectorAll('.check')[index_to_delete].removeAttribute('class');