分别利用JS和JQ获取数组索引值index的办法
来源:互联网 发布:移动短信平台软件 编辑:程序博客网 时间:2024/06/08 01:58
今天在自己练习的过程中,突然要用到这个办法。可是之前只会用JS的方法获取,不懂怎么用JQ方法。所以又在网上搜了搜。现在特地总结一下:
测试代码:
<ul id=pUl>
<li>第一个</li>
<li>第一个</li>
<li>第一个</li>
<li>第一个</li>
</ul>
JQuery方法(1):
index() :返回指定元素相对于其他指定元素的 index 位置。
$(document).ready(function(){
$("#pUl li").click(function(){
alert($(this).index());
})
})
JQuery方法(2):
$(document).ready(function(){
$("#pUl li").click(function(){
alert($("#pUl li").index($(this)[0]));
})
})
这两个效果一样的,第一个会方便点,只是看到了下面那个办法 ,顺便也记记吧!
JavaScript方法:
window.onload=function(){
var getLi=pUl.getElementsByTagName("li");
for(i=0;i<getLi.length;i++)
{
getLi[i].index=i; //就是这行是重点了,分别赋予每个li的index值。
getLi[i].onclick= function ()
{
alert(this.index);
}
}
}
总结完结!
0 1
- 分别利用JS和JQ获取数组索引值index的办法
- 利用JS输出ul下li的index索引值
- js和jq分别实现点击显示隐藏的功能
- js和jquery分别获取select标签选中的值
- jq和js分别设置标签属性及样式
- 分别使用JQ和JS实现定时弹窗
- js和jq获取屏幕高度、宽度的方法
- js和jq获取宽高上下距离的方法
- 关于js和jq获取文本内容和文本框内容的值
- Js jq获取select值
- PHP和JavaScrip分别获取关联数组的键值
- jq获取对象简单.get()和.index()方法
- js/jq 获取select下拉框的文本值和value值
- 用js分别获取select的value 和 text 文本
- js和jq获取下来列表选中项的值和文本
- js和jq判断select是否选中、获取select选中的值
- 寻找数组的下标索引值index方法
- JQ的index()
- 安卓-屏幕适配方式
- Java 1.8 HashMap实现(译注)
- 九度oj 1128
- (转载)pbrt学习笔记 --kd树的一点优化技巧
- 黑马程序员_集合总结
- 分别利用JS和JQ获取数组索引值index的办法
- Apache2 使用Tips
- java.net.UnknownHostException: Unable to resolve host "images.liqucn.com": No address associated wit
- Android LayoutInflater
- HDU 1033.Edge【模拟】【8月22】
- Web前端工程师学习路线
- Jetty学习(二)--jetty部署简单web项目
- JSTL详解
- leetCode #257 Binary Tree Paths