想了半天js没想到什么好用的办法，jQuery倒是可以实现，但是js我倒是想到了一个比较笨的方法
先获得aul下所有的li的长度，然后获得bul下的li的长度，相减得到aul的子li的长度，就是你想要的那些li的长度，然后通过documentgetElementById("id")childNodes[n]这个函数，n应该是0-最终你想要的li的长度-1，这样子吧
首选假设有一个DOM结构
<div id="content">
<ul><li>1</li></ul>
<ul><li>2</li></ul>
</div>
现在我取content元素下的第二个ul元素下的li元素的个数,代码如下
$(function(){
$("#content ul:nth-child(2)")children("li")length;
});
<div>
11
<ul>
<li>1</li>
<ul onmouseout="aa(this)"> <li>33</li></ul>
<li>2</li>
</ul>
</div>
<SCRIPT type=text/javascript>
function aa(obj)
{
alert(objparentNodeparentNodepreviousSiblingdata);//第一个11
alert(objpreviousSiblingdata);//第二个1
alert(objchildNodes[0]innerText);//第三个33
alert(objparentNodenextSiblinginnerText);//第四个2
}
</SCRIPT>
给ul加一个唯一标识，一般用ID然后用documentgetElementById(刚刚给ul设置的ID)定位到ul再用ObjectchildNodes获取此ul下的所有li，返回的是一个存有li对象的数组有效下标为0~(你的li数量-1)之后就可以随意 *** 作了给你写个简单例子吧，还有不懂可以Q我<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >
使用jquery的选择器获取ul里的所有li元素，然后用jquery提供的css(name, value)方法修改所有li的css属性，即background-color
如果ul的id的变量名为ulid
$("li","#" + ulid)css("background-color","#ccc");这个用到了jquery的选择器规则$(selector1, content)
selector1是一个选择器。content可以是一个选择器、一个jquery dom对象或者原生dom对象，上面的代码中conten是一个选择器
这个写法的意思是选择content中所有符合selector1的元素，在上面的代码里面就表示“选择id为ulid变量值的ul中所有的li元素”
css(name, value)方法是改变名称为name的css属性为value，有数值单位的可以省去单位，如padding 30px的值可以直接写css("padding", 30)
css(name)是获取名称为name值的css属性值，如css("padding")返回padding的值，不带单位，如css("padding")返回30
1楼正解 我替楼主试过了
<html><head><title></title></head>
<body onload="ons()">
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
<script>
function ons(){
var ul = documentgetElementById('parent');
var lis = ulgetElementsByTagName('li');
for(var i=0;i<lislength;i++){
lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>
</html>
var lis = documentgetElementsByTagName("li");
lis[0]innerText 第一个li里的中国
lis[1]innerText 第二个li里的中国
lis[2]innerText 第三个li里的中国
弱弱的问句 ul不是无序列表么 下拉框什么鬼
以上就是关于javascript 获得ul下的li子元素全部的内容，包括:javascript 获得ul下的li子元素、怎么用js获取id为content元素下的第二个ul元素下的li元素的个数、js 如何获取 UL外面的LI的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）