已解決430363個問題，去搜搜看，總會有你想問的

使用 javascript 刪除 li 元素的 ul 類

首頁猿問使用 javascript 刪除...

使用 javascript 刪除 li 元素的 ul 類

JavaScript

喵喵時光機 2023-03-10 13:32:48

我有一個像這樣的 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 獲取此信息...請幫助...提前致謝

查看完整描述

2 回答

慕斯709654

TA貢獻1840條經驗獲得超5個贊

要將原始元素轉換為您想要的結果，您需要創建新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>

<li> stackOverFlow1 </li>

<li> stackOverFlow2 </li>

<li> stackOverFlow3 </li>

<li> stackOverFlow4 </li>

<ul>

</div>

反對回復 2023-03-10

慕后森

TA貢獻1802條經驗獲得超5個贊

如果你想刪除特定的 ul 類，那么你可以試試

var index_to_delete=2;

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

反對回復 2023-03-10

2 回答
0 關注
204 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用 javascript 刪除 li 元素的 ul 類

使用 javascript 刪除 li 元素的 ul 類

2 回答

添加回答