使用 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到适当的新元素。ulappendChildvar 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++) {&nbsp; newUl2.appendChild(li[i]);}parent.appendChild(newUl2);.check {&nbsp; color: red;}<div>&nbsp; <ul class="check">&nbsp; &nbsp; <li> stackOverFlow1 </li>&nbsp; &nbsp; <li> stackOverFlow2 </li>&nbsp; &nbsp; <li> stackOverFlow3 </li>&nbsp; &nbsp; <li> stackOverFlow4 </li>&nbsp; &nbsp; <li> stackOverFlow4 </li>&nbsp; &nbsp; <ul></div>

Answer 2

如果你想删除特定的 ul 类，那么你可以试试&nbsp; var index_to_delete=2;&nbsp; &nbsp;&nbsp;&nbsp;document.querySelectorAll('.check')[index_to_delete].removeAttribute('class');