对于$(this).index();错误理解的纠正
2017-12-27 19:46
246 查看
$(this).index()返回的是该节点在兄弟节点中排行第几,从0开始计数
注意是同一父级元素的兄弟节点!!!不能跨级!!!
如:
<tr id="lesson12">
<td>1<br>2</td>
<td class="am_text_middle"><span class="time_check12">0</span></td>
<td class="am_text_middle"><span class="time_check12">1</span></td>
<td class="am_text_middle"><span class="time_check12">2</span></td>
<td class="am_text_middle"><span class="time_check12">3</span></td>
<td class="am_text_middle"><span class="time_check12">4</span></td>
</tr>
因为在span的父级td下就一个span元素
我最开始错误的想法是:该方法是根据class属性名来确定当前元素的index位置的,换句话说就是有同样的class属性名的节点,无论它是否是兄弟节点,是否有同一个父级,我都从开始往后数它是第几个有这个class属性名的节点那么它的index位置就是相应的值
$(".am_text_middle").click(function(){
console.log($(this).index());
})点击第一个class属性为am_text_middle的元素,控制台打印出来的值为
1
该元素在td节点内,并且该元素所属的这个td节点在其兄弟节点td中它是排行第2个,所以它的index值就该是1
一开始我非常不明白为什么会是1,不应该是0么,此时我的思想还是根据class属性名来确定当前元素的index位置的
注意是同一父级元素的兄弟节点!!!不能跨级!!!
如:
<tr id="lesson12">
<td>1<br>2</td>
<td class="am_text_middle"><span class="time_check12">0</span></td>
<td class="am_text_middle"><span class="time_check12">1</span></td>
<td class="am_text_middle"><span class="time_check12">2</span></td>
<td class="am_text_middle"><span class="time_check12">3</span></td>
<td class="am_text_middle"><span class="time_check12">4</span></td>
</tr>
$(".time_check12").click(function(){ console.log($(this).index()); })无论点击以上的哪个span内的元素,控制台打印出来的都是 0
因为在span的父级td下就一个span元素
我最开始错误的想法是:该方法是根据class属性名来确定当前元素的index位置的,换句话说就是有同样的class属性名的节点,无论它是否是兄弟节点,是否有同一个父级,我都从开始往后数它是第几个有这个class属性名的节点那么它的index位置就是相应的值
$(".am_text_middle").click(function(){
console.log($(this).index());
})点击第一个class属性为am_text_middle的元素,控制台打印出来的值为
1
该元素在td节点内,并且该元素所属的这个td节点在其兄弟节点td中它是排行第2个,所以它的index值就该是1
一开始我非常不明白为什么会是1,不应该是0么,此时我的思想还是根据class属性名来确定当前元素的index位置的
相关文章推荐
- 对于mmap函数错误的理解
- 对于async的错误理解
- 错误“ InvalidArgument=“6”的值对于“index”无效。”
- Allegro学习之纠正之前对生成网络表时元件封装的理解错误
- 纠正以前的错误理解,总以为进程是个划分的很小的一个东西。其实进程和程序的区别不大。
- DOM方法index()相关问题(为何$(this).index(this)是错误的 )
- 一个例子对于类继承和关键字“this”的理解
- 对于this和$(this)的个人理解
- 对于GridView控件的RowDataBount事件的错误理解
- 工作进展和打算 // 对以前错误理解的纠正
- android 里 对Adapter notifyDataSetChanged(更改唤醒)的理解错误纠正
- 在javascript中对于this指向的再次理解
- 对于Myeclipse中引入ExtJs后有的文件出现multiple markers at this line - missing semicolon错误的解决方案
- 不可忽视的布局属性layout_weight,彻底纠正网上很多对于该属性的片面理解
- 对于指针(一级指针)的理解(文中如有理解错误,欢迎指正,大家互相学习)
- 对于this和$(this)的理解
- 对于this和$(this)的个人理解
- 个人对Java中String对象的传递的理解(错误之处,请给与纠正,
- 对于开源代码中很多处注释中都会出现的 This is a hack 的理解
- 网络基础 — 阅读源码后理解epoll的一个错误纠正