<div class="list"> <div class="box"> <div class="header">头部 1</div> <div class="content">内容 1</div> </div> </div> <div class="list"> <div class="box"> <div class="header">头部 2</div> <div class="content">内容 2</div> </div> </div> <div class="list"> <div class="box"> <div class="header">头部 3</div> <div class="content">内容 3</div> </div> </div>
代码如上,就是,点击content
显示当前点击的是第几个,比如点击内容 1的content
就显示1,点击内容 2就显示2以此类推。。。因为以上内容是列表并固定形式输出,所以不知道该怎么遍历...求解,先谢谢啦!~
1 Pan940425 2017-09-01 10:27:05 +08:00 div 上加上 id 不就好了。。。 |
![]() | 4 ferrum 2017-09-01 10:46:44 +08:00 不太明白你在问什么,你用$('.list')获取的数组就是有序的,$('.list').eq(0)就是 HTML 中的第一个 div.list 元素。 |
![]() | 5 domty 2017-09-01 10:52:58 +08:00 ![]() 你可以直接绑定所有 class = content 的方法的点击触发方法啊; $(".content").click(function(){ var text = $(this).html();//获取的是 content div 内的内容。 }) 或者$(".list").foreach(function(){...});来遍历所有 class = list 的 div。 |
6 sundev 2017-09-01 11:09:41 +08:00 (function($contents){ $contents.on('click', function(event) { $contents.each(function(i, item) { if (event.target === item) { console.log(i+1); return false; } }); }); })($('.content')); |
7 Pan940425 2017-09-01 11:14:08 +08:00 ![]() $(".content").each(function(i) { $(this).on("click", function() { let j = i + 1; alert(j); }) }) 你要的是这个? |
![]() | 8 U7Q5tLAex2FI0o0g 2017-09-01 11:16:10 +08:00 ![]() $(".content").click(function(){ console.log($(this).parent().parent().index() + 1); }); |
![]() | 9 iiduce 2017-09-01 11:17:04 +08:00 ![]() $('div.list div.content').each(function(i){ $(this).click(function(){ alert(i+1); }) }) |
![]() | 10 SakuraKuma 2017-09-01 11:23:09 +08:00 ![]() 为何不用 parents('.list').index。 方便快捷 |
![]() | 11 davin 2017-09-01 14:16:47 +08:00 也能用 closest('.list').index |