如何用js获取ul下li数量的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用js获取ul下li数量的值相关的知识，希望对你有一定的参考价值。
参考技术A <ul id="list"><li></li><li></li>
</ul>
----
<script type="text/javascript">
alert(document.getElementById("list").getElementsByTagName("li").length);
</script>
----
步骤：
1、给UL一个ID值
2、使用document.getElementById获取到这个ID值对应的UL对象
3、再使用getElementsByTagName，获取到UL对象底下的LI集合
4、最后获取这个LI集合的length值，就得到了LI的数量 参考技术B <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
</ul>
</body>
</html>
<script>
window.onload=function()
var objul=document.getElementsByTagName("ul")[0];
var lis=objul.getElementsByTagName("li");
alert("li的数量为："+lis.length);
</script>
不懂的话还可以联系我哦 569305586@qq.com本回答被提问者采纳
jquery如何获取ul中第一个li和最后一个li
$("#ul li").not(":first").remove();
（1）:first
举：$('div.one:first')，获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。
（2）:first-child
如：$('div.one:first-child')，获取所有class="one"的Div的第一个子元素，注意是“所有”，意思是说，如果这个DIV有多外，那么获取的第一个子元素也是有多个。
参考技术A $('ul li:firsh-child');$('ul li:last-child');
或者
//获取第一个：
$('ul li').get(0);
$('ul li').first();
//获取最后一个：
$('ul li').last(); 参考技术B JS:
var content=document.getElementById("content");
var items=content.getElementsByTagName("ul");
var itemss=items[2].getElementsByTagName("li");//获取第二个li标签
jquery:
$("ul").each(function()
var y = $(this).children().last();
alert(y.text());
);
); 参考技术C $("ul li").first()
$("ul li").last()
以上是关于如何用js获取ul下li数量的值的主要内容，如果未能解决你的问题，请参考以下文章
如何用ul li 标签动态获取数据库中10条数据并有连接 麻烦详细点