问题:有好几个ul,只有其中一个下面有好几个li,用js怎么通过这个li获取其包含它的ul在所有ul中的下标值

如题所述

第1个回答  2019-04-09

页面代码:

<!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、点击...

相似回答