页面代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<style>
li{
margin-left: 38px;
}
</style>
<body>
<div class="box">
<ul>
<p>1</p>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul>
<p>2</p>
<li>21</li>
<li>22</li>
<li>23</li>
</ul>
<ul>
<p>3</p>
<li>31</li>
<li>32</li>
<li>33</li>
</ul>
<ul>
<p>4</p>
<li>41</li>
<li>42</li>
<li>43</li>
</ul>
<ul>
<p>5</p>
<li>51</li>
<li>52</li>
<li>53</li>
<li>54</li>
<li>55</li>
</ul>
</div>
</body>
<script>
$(document).on("click","li",function(){
var ulindex=$(this).parent("ul").index();
alert(ulindex)
})
</script>
</html>
//记得引用jq
本回答被提问者和网友采纳问题:有好几个ul,只有其中一个下面有好几个li,用js怎么通过这个li获取...
(document).on("click","li",function(){ var ulindex=$(this).parent("ul").index();alert(ulindex)})<\/script> <\/html> \/\/记得引用jq
如何用JavaScript获得ul中的li的个数?
使用getElementsByTagName可以获得li元素数组 再通过判断数组的长度就可以获得li元素的个数了<ul id ='myul'><li><\/li><li><\/li>...<\/ul>如上述结构 首先获得ul元素,再调用getElementsByTagName函数temp = document.getElementById('myul');lis = temp.getElementsByTagName('li');alert(lis.length); \/...
如何用JS判断ul中li的个数,超出指定个数在尾部插入内容?
if($('.list li').length > 4){ ('.list').after('<a class="a">a<\/a>');} }
javascript 怎么获取 li里面点击的元素索引呢?
ul_lis[i].onclick=function(){ var j=this.index+1; alert(j); } }};<\/script>如果想简单的放用Jquery很方便就可以获取。<ul id="test"><ul><li>111<\/li><li>222<\/li><li>333<\/li><li>444<\/li><\/ul><\/ul><script>$("#test li").click(function(){var inde...
怎么用js在ul标签下添加li标签,并要求li有id?
1、新建一个txt文档,将文档修改成“index.html”的html文件。2、将html文件用Sublime编辑器打开,完善html5标准化代码,并修改网页标题。3、在body标签内编写一段"ul、li"的标签。4、用浏览器打开index.html文件,可以发现默认“ul li”标签组前面有个实心小圆点。5、只需要在ul标签内加入(style=“...
js怎么获取ul li 的id
1l的才算对,2l的就有点,,嗯你都知道id了还取什么呢,不过一楼是用jquery的,我就说一下js的吧 document.getElementsByTagName("li")[index].id
...的一个数组问题!如何遍历ul(多组)下面的li的图片src地址组成数组...
"ul") for(var i=0;i<uls.length;i++){ var imgs = uls[i].getElementsByTagName("img") img_urls[i] = []; for(var j=0;j<imgs.length;j++){ img_urls[i][j]=imgs[j].src; } }
原生js如何给ul下面添加2个li
<script> for(var i=1;i<4;i++){ var ul=document.createElement("ul");for(var j=1;j<3;j++){ var li=document.createElement("li");li.innerHTML="这是第"+i+"个ul的第"+j+"个li";ul.appendChild(li);} document.getElementsByTagName("body")[0].appendChild(ul);} <\/...
JS控制li下UL显示与隐藏, LI有同级多个,单独控制?
在生成的时候添加独特变量来区别,或者使用$(selector).eq(index)来数第几个。或者使用$(selector).each(function(i,dom){})来过滤选择特定的 一般树型结构都有特定的数据格式,如 parent : {name,list ,children : []},查看对应节点的children的length大小 来判断是否有第二级菜单。
js动态添加与删除ul中的li
这就是使用jquery的方便,ul列表的样式名,然后按层次 li img的控件名,就能获取到图片控件了。5、用alert输入图片的src属性来验证获取到的数据是否准确。因为有两个图片控件,所以代码里获取到的是一个数组,我们输出第二个图片的src。6、运行页面,可以看到有二个图片和一个按钮,点击按钮。7、点击...