色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery遍歷div下的li

錢琪琛1年前7瀏覽0評論

jQuery是一個非常強大的JavaScript庫,它可以幫助我們完成很多前端開發中的重復工作。其中一個非常常用的功能就是遍歷DOM元素。下面我們就來看一下如何使用jQuery來遍歷一個div下的所有li元素。

<div>
<ul>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
<script>
$(document).ready(function(){
//通過div元素的id獲取到div元素
var divElement = $('#divId');
//使用children方法獲取div元素下面的所有li元素,并且循環遍歷
divElement.children('ul').children('li').each(function(){
//獲取到每一個li元素
var liElement = $(this);
//在控制臺輸出li元素的文本內容
console.log(liElement.text());
});
});
</script>

上面的代碼中,我們首先通過div元素的id獲取到div元素,然后使用jQuery的children方法獲取div元素下面的所有ul元素,再使用children方法獲取ul元素下面的所有li元素,并且循環遍歷每一個li元素。在循環中,我們使用$(this)獲取到當前遍歷的li元素,并且在控制臺輸出li元素的文本內容。

通過上面的代碼示例,我們可以看到,使用jQuery遍歷DOM元素非常方便和簡單,可以大大提高我們的開發效率。