Jquery中的索引!~

laowang134 2011-06-07 02:47:43
    <div style="border:dashed 1px gray;padding:10px">
<div class="divp"><p>a</p></div>
<div class="divs">
<p><a href="#">aaa</a></p>
<p><a href="#">aaa</a></p>
<p><a href="#">aaa</a></p>
<p><a href="#">aaa</a></p>
</div>
<div class="divp"><p>b</p></div>
<div class="divs">
<p><a href="#">bbb</a></p>
<p><a href="#">bbb</a></p>
<p><a href="#">bbb</a></p>
<p><a href="#">bbb</a></p>
</div>
<div class="divp"><p>c</p></div>
<div class="divs">
<p><a href="#">ccc</a></p>
<p><a href="#">ccc</a></p>
<p><a href="#">ccc</a></p>
<p><a href="#">ccc</a></p>
</div>
</div>
<script type="text/javascript">
$("div.divp").click(function(){
var index=$(this).index();
});
</script>

断点调试,当点第一个class="divp"的div时index=0;点第二个div时index=2;为什么?
...全文
118 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
kk297173176 2011-06-07
  • 打赏
  • 举报
回复

$(".divp").each(function (k, i) {
$(this).click(function () {
alert(k);
});
});
porschev 2011-06-07
  • 打赏
  • 举报
回复

应该是取的DIV的dom顺序。。搞不太清。。。
laowang134 2011-06-07
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 porschev 的回复:]
换成这样就不会了。。


JScript code

$(function(){
$("div .divp").click(function(){
var index=$(this).index('.divp');
alert(index);
});
});







……
[/Quote]
可以了 !~为什么叻。。。都需要限制么??
laowang134 2011-06-07
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 wxr0323 的回复:]
$("#div.divp").click(function(){
var index=$(this).index();
});
[/Quote]
!~不行,断点都进不去了的。。
porschev 2011-06-07
  • 打赏
  • 举报
回复


换成这样就不会了。。


$(function(){
$("div .divp").click(function(){
var index=$(this).index('.divp');
alert(index);
});
});






子夜__ 2011-06-07
  • 打赏
  • 举报
回复
$("#div.divp").click(function(){
var index=$(this).index();
});
本次更新内容较多,已有的组件新增了很多新的API,并且首次加入了移动端开发框架,可谓相当给力,新东西自然意味着更多的BUG即将诞生,我个人预计在未来的1~2个版本里会有不少BUG修复的更新内容,今后EasyUI定会发力移动开发方向,所以也算是一个好的开头,虽然目前东西还不是很全,但是基本的也都够用了,希望EasyUI今后会越来越好吧!由于现在工作过于繁忙所以本次API更新延后了快2周,抱歉了!老规矩,介绍一下本次更新内容吧!官方给的更新内容写的不全,我已经全部补全了。包括更新内容写到的新增API,但是在API文档没有给出的,在我的API当全部都有(比官方网站上的还要全 :P) jQuery EasyUI 1.4.2版本更新内容: Bug(修复) treegrid:修复重建treegrid之后列会恢复原始大小的问题。 Improvement(改进) draggable:添加“delay”属性,允许用户延迟拖动操作; tree:添加“filter”属性和“doFilter”方法; tabs:“add”方法允许用户在指定的索引位上插入选项卡面板; tabs:用户可以决定哪些选项卡面板可以被选择; tabs:添加“justified”,“narrow”和“pill”属性; layout:添加“unsplit”和“split”方法; messager:支持键盘导航功能; form:添加“onChange”事件; combobox:添加“queryParams”属性; slider:添加“range”属性; menu:添加“itemHeight”,“inline”,“noline”和“align”属性; panel:添加“header”属性,允许用户自定义面板标题栏; menubutton:添加“hasDownArrow”属性。 New Plugin(新组件) datalist:该组件是展示列表数据的组件,用户可以对列表数据进行分组、单选、多选等各种操作; navpanel:该组件是移动端框架的根组件; mobile:filebox 该组件提供了移动页面堆栈管理和导航。

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧