问题:有好几个ul,只有其中一个下面有好几个li,用js怎么通过这个li获取其包含它的ul在所有ul中的下标值
页面代码:
<!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
广告 您可能关注的内容 |