使用JavaScript删除li元素的ul类

如何解决使用JavaScript删除li元素的ul类

我有这样的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来实现这一点...请帮助...谢谢

解决方法

要将原始图像转换为所需结果，您需要创建新的import re import glob import pandas as pd for file in glob.glob('*.csv'): r = re.findall('\d\d\d\d-\d\d-\d\d',file) if r: df = pd.read_csv(file) 元素并将其附加到父容器。然后，您可以使用 <div class="col-3 form-group d-flex"> <label>Air</label> <select> <option>One - A long option that gets cut off</option> <option>Two - A long option that gets cut off</option> </select> </div> select { width: 100%; overflow: hidden; text-overflow: ellipsis; } 将ul元素从原始li移到相应的新ul。

ul

appendChild

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);

,

如果您要删除特定的ul类，则可以尝试

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