今天分享的建站知識(shí)是js/Jquery獲取ul元素下有多少個(gè)li元素的方法。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery學(xué)習(xí)04_05篇(js/Jquery獲取ul元素下有多少個(gè)li元素)</title>
<link rel="stylesheet" type="text/css" href="inputAndDiv.css">
</head>
<body style="background-color: #CCE8CF;">
<h2 style="color: Maroon;">JQuery學(xué)習(xí)04_05篇(js/Jquery獲取ul元素下有多少個(gè)li元素)</h2>
江西省贛州市
<ul id ="test">
<li>于都縣</li>
<li>贛縣</li>
<li>興國(guó)縣</li>
<li>會(huì)昌縣</li>
<li>寧都縣</li>
</ul>
江西省贛州市于都縣特產(chǎn):
<div id ="test2">
<div>
<ul>
<li>贛南臍橙</li>
<li>番薯干</li>
<li>珠子粉</li>
<li>柿子餅</li>
<li>云片</li>
<li>酸蘿卜</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//javascript方式
var ulNode = document.getElementById('test');
var liNode_Count = ulNode.getElementsByTagName('li').length;
console.log('javascript方式:ul元素下有' + liNode_Count + '個(gè)li元素');
//jQuery方式
var liElement_Count = $('#test li').length;
console.log('jQuery方式:ul元素下有' + liElement_Count + '個(gè)li元素');
//javascript方式
var divNode = document.getElementById('test2');
var liTag_Count = divNode.getElementsByTagName('li').length;
console.log('javascript方式:div元素下有' + liTag_Count + '個(gè)li元素');
var ulElement = divNode.getElementsByTagName('div')[0].getElementsByTagName('ul')[0];
console.log('js方式:div元素下有' + ulElement.getElementsByTagName('li').length + '個(gè)li元素');
//jQuery方式
var liObject_Count = $('#test2 li').length;
console.log('jQuery方式:div元素下有' + liObject_Count + '個(gè)li元素');
console.log('jquery方式:div元素下有' + $('#test2 div ul li').length + '個(gè)li元素');
</script>
</html>我是有底線的
掃描二維碼手機(jī)查看該文章
文章引用：http://www.qingbaosc.com/news/webzhishi/1346.html
在線咨詢(xún)
電話咨詢(xún)
