欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

[JQ教程]JQ如何获取对应li的序号下标

(元素模板) / 2017-04-19 08:37
JQ如何获取对应li的序号下标

元素模板站长为您解答:

首先加入JQ库

然后加入下面代码

红色代码就是 当前元素 编号

 
<li  id="wq5">1</li>
<li  id="wq5">2</li>
<li  id="wq5">3</li>
<li  id="wq5">4</li>
<li  id="wq5"  style="display:none">5</li>
<li  id="wq5">6</li>
<li  id="wq5"  style="display:none">7</li>
<li  id="wq5"  style="display:none">8</li>
<li  id="wq5">9</li>
 
<script type="text/javascript">
 
$("li").click(function(){ 
 
 
 alert($(this).index());
 
 });
 
</script>
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com