js清空ul下的所有li

A. 關於js 遍歷 ul li問題

$('#a').find('li').each(function(){
$(this).click(function(){
alert($(this).index())
})
})
別忘了引入jquery

再發一個純版本的
<div id="a">
<ul>
<li>111111111</li>
<li>2222222222</li>
<li>33333333</li>
<li>4444444</li>
<li>55555555</li>
<li>66666666</li>
</ul>
</div>

<script>
var cNode =document.getElementById('a').getElementsByTagName('li');

for( var i=0; i<cNode.length; i++){
cNode[i].index= i;
cNode[i].onclick = function(){
alert( "this index of cNode is : " + this.index);
}
}
</script>

B. 如何使用js刪除當前的ul中的li節點，也就是點擊哪個li節點刪除哪個謝謝！急！

<ul><li id="${id}" onclick="remove(${id})"></li><ul>

function remove(id){
//進行操作，完了刪除節點
$("#"+id).remove();
}

C. 通過js遍歷ul下的li，在給li賦上CLASS！急，有會的幫下忙吧！

這個沒問題。
<script type="text/javascript">
var titlestr = '江寧概況回';
var liList = document.getElementById("about").childNodes;
for(var i = 0; i < liList.length; i ++)
{
答 if( liList[i].childNodes.length>0 && liList[i].firstChild.innerHTML == titlestr )
{
liList[i].className = "subNav";
break;
}
}
</script>

D. 請問js下如何刪除<li><i></i><a href=""></a></li>裡面的<i></i>標簽

varnode=document.getElementById("key1");//獲取ul標簽
varcontent=node.innerHTML;//獲取ul的HTML內容，及眾img和li標簽
content=content.replace(/<i></i>/g,"");//把i標簽替換成空，即刪除
node.innerHTML=content;//把刪除後的HTML內容覆內蓋原內容

這是根據容你的補充修改過的

E. jquery中怎麼刪除<ul>中的整個<li>包括節點

1.$('ul li').remove()

2.$('ul li').each(function(){

$(this).remove()；

})

3.$("ul").find("li").remove()

4.$('ul').children().filter('li').remove()

jQuery就是的一個庫，把我們常用的一些功能進行了封裝，方便我們來調用，提高我們的開發效率。極大地簡化了 JavaScript 編程。

Javascipt跟jQuery的區別：

Javascript是一門編程語言，我們用它來編寫客戶端瀏覽器腳本。

jQuery是javascript的一個庫，包含多個可重用的函數，用來輔助我們簡化javascript開發

jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到。

(5)js清空ul下的所有li擴展閱讀

jQuery刪除子節點的方法總結：用ul中的li作為例子

1、remove()

$('ul li').remove()：li節點本身及其所有後代節點都被刪除；返回值是一個被刪除節點的引用，因此可以在以後在次使用這些節點。

remove與empty一樣，都是移除元素的方法，但是remove會將元素自身移除，同時也會移除元素內部的一切，包括綁定的事件及與該元素相關的jQuery數據。

remove表達式參數：remove比empty好用的地方就是可以傳遞一個選擇器表達式用來過濾將被移除的匹配元素集合，可以選擇性的刪除指定的節點。

該節點與該節點所包含的所有後代節點將同時被刪除。提供傳遞一個篩選的表達式，用來指定刪除選中合集中的元素。

2、detach()

$('ul li').detach()： 同remove()一樣，但是他不會把匹配的元素從jquery對象中刪除，所以可以在將來在使用這些匹配的元素。

如果希望臨時刪除頁面上的節點，但是又不希望節點上的數據與事件丟失，並且能在下一個時間段讓這個刪除的節點顯示到頁面，這時候就可以使用detach方法來處理detach從字面上就很容易理解。讓一個web元素託管，即從當前頁面中移除該元素，但保留這個元素的內存模型對象。

這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。與remove()不同的是，所有綁定的事件、附加的數據等都會保留下來。$("div").detach()這一句會移除對象，僅僅是顯示效果沒有了。但是內存中還是存在的。當append之後，又重新回到了文檔流中。就又顯示出來了。

要特別注意，detach方法是JQuery特有的，所以它只能處理通過JQuery的方法綁定的事件或者數據通過 $("p").detach()把所有的P元素元素刪除後，在通過append把刪除的p放到頁面上，可以通過點擊文字測試，事件沒有丟失。

JQuery是一個很大強的工具庫，在工作中開發中，可是有些方法還是因為不常用到，或是沒有注意到而被忽略。remove()和detach()可能就是其中的一個，可能remove()用得比較多，而detach()就可能會很少。

3、empty()

$('ul li').empty()：清空元素中所有後代的節點

jQuery添加子節點的方法總結：

.html如下：<div<p>hello</p></div>

var list = '<i>ok</i>'

empty為清空方法，但是與刪除又有點不一樣，因為它只移除了指定元素中的所有子節點。

這個方法不僅移除子元素（和其他後代元素），同樣移除元素里的文本。因為元素里任何文本字元串都被看做是該元素的子節點。如果通過empty方法移除裡面div的所有元素，它只是清空內部的html代碼，但是標記仍然留在DOM中，通過empty移除了當前div元素下的所有p元素，但是本身id=test的div元素沒有被刪除。

empty()方法並不是刪除節點，而是清空節點，它能清空元素中的所有後代節點。empty不能刪除自己本身這個節點。

F. 用js只獲取第一層ul中的第一層的所有li，不影響第二層中的li

先按照你的這個方法獲取。然後可以通過判斷li的parentNode是不是外層的ul來篩選li

或者可以這么寫

varul=document.getElementById('outer');
varn=ul.firstChild.nodeType==1?ul.firstChild:ul.firstChild.nextSibling;
varr=[];
for(;n;n=n.nextSibling){
	if(n.nodeType==1){
		console.log(n.innerHTML);
		r.push(n);
	}
};

G. php或者JS或者CSS怎麼刪除ul中最後一個li的border-bottom

php是後台語言，一般不用作前台樣式的chuli，javascript或者CSS刪除ul中最後一個li的border-bottom樣式的方法如下：

• javascript：obj.style.borderBottom = "none";

• jquery：$("ul#test li:last-child").css("border-bottom","none");

• css：ul#test li:last-child{border-bottom: none;}

jquery和css的方法比較簡潔，下面實例演示javascript設置方法：

1、HTML結構

<ulid="test">
	<li>Glen</li>
	<li>Tane</li>
	<li>John</li>
	<li>Ralph</li>
</ul>

2、javascript代碼

window.onload=function(){
	varli=document.getElementById("test").getElementsByTagName("li");
	li[li.length-1].style.borderBottom="none";
}

3、效果演示

H. 通過js遍歷ul下的li，給每行的最後一個li賦上不同CLASS值！急，有會的幫下忙吧！

如果不適用js來控制的話，你可以這樣做：
所有的li的class都一樣為 picrp
.picrp{//這是普通樣式
}
.picrp:nth-child(3n-1){//所有3的倍數的li的樣式
}