一般在写html页面时，经常会用到<ul>标签，那么对于多个<ul>标签来说，怎么才能选择到第一个<ul>标签呢？而且怎么选择<ul>标签里的第n个<li>元素呢？
工具/原料
submit
电脑
方法/步骤
第一部分：获取第n个<ul>标签：我们写两个<ul>，并且每个都有三个<li></li>标签，以数字1，2，3，4，5，6来测试，最后想要的到的效果如下图所示：即第一个<ul>标签里的元素全变为红色，

方法一：我们给要选定 *** 作的<ul>标签加一个标记<class>，随便一个能标识的标记都可以，比如name，id都行。然后用class选择器对它进行 *** 作，如图所示，所得效果未上图效果，这是通过间接的方式对标签进行选择，代码如下图：

方法二：通过元素选择器找到ul，然后利用代码ul：nth-child(n)找到第n个ul，然后对ul进行相应的设置，也可以完美的达到我们需要的效果，这也是最常用的方法，代码如图：

第二部分：获取<ul>标签的第n个<li>标签，利用ul li:nth-child(n)来实现对 <ul>标签里第n个<li>的设置。效果和代码如图所示：


E
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#menu{ margin: 0;}
#menu > li{ color:#00F;}
#menu li ul li{ color:#F00;}
</style>
</head>
<body>
<ul id="menu">
<li>111</li>
<li>111
<ul>
<li>222</li>
</ul>
</li>
<li>111</li>
<li>111</li>
</ul>
</body>
</html>
#menu li{}
这样写就是控制的所有的li
#menu li ul li{}
这样写的就是专门控制的<li>222</li>里面的
#menu > li{ }
这样写是只控制<li>1111</li>里面的
getElementsByTagName返回的是数组，所以应该是使用；
documentgetElementById("ul")getElementsByTagName("li")[0]getElementsByTagName("a")[0];
这样就是获取第一个li里面的第一个a元素，建议使用循环。
一个简单的参考例子：
var oA=documentgetElementById('ul')getElementsByTagName('a');
//只需获取a对象；
var i;
for(i=0;i,oAlength;i++){
oA[i]index=i;
oA[i]onclick=function(){
alert(thisinnerHTML);
return false;//阻止事件冒泡；
}//简单的鼠标点击事件
}
不太清楚你说的意思，我就理解了下，解答。欢迎追问
<ul class="dep_5">
<li>
<ul>
<li>aaaa</li>
<li>bbb</li>
<li style="width:600px;">ccc</li>
</ul>
</li>
</li>
<script language="javascript" type="text/javascript">
$(document)ready(function(){
$("dep_5 li ul li")click(function(){
alert($(this)html());
});
});
</script>
第一种方法:
使用$("#menu")children()html();
这样会获得"<li><ul><li></li></ul><li>"
第二种方法:
$("#menu > ul > li")
<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>标签里面有5个<li>标签怎么样用css选择器同时选中第2,3全部的内容，包括:关于网页代码的问题 我有一个<ul>标签里面有5个<li>标签怎么样用css选择器同时选中第2,3、css怎么选择只以ul最为父元素的li、怎么获取ul内li里面a 元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）