各位神牛有办法精简这段代码么???
$(document).ready(function(){
$(".item_title:eq(0)").click(function(){$(".item_content:eq(0)").slideToggle(1000)});
$(".item_title:eq(1)").click(function(){$(".item_content:eq(1)").slideToggle(1000)});
$(".item_title:eq(2)").click(function(){$(".item_content:eq(2)").slideToggle(1000)});
$(".item_title:eq(3)").click(function(){$(".item_content:eq(3)").slideToggle(1000)});
$(".item_title:eq(4)").click(function(){$(".item_content:eq(4)").slideToggle(1000)});
$(".item_title:eq(5)").click(function(){$(".item_content:eq(5)").slideToggle(1000)});
$(".item_title:eq(6)").click(function(){$(".item_content:eq(6)").slideToggle(1000)});
$(".item_title:eq(7)").click(function(){$(".item_content:eq(7)").slideToggle(1000)});
$(".item_title:eq(8)").click(function(){$(".item_content:eq(8)").slideToggle(1000)});
$(".item_title:eq(9)").click(function(){$(".item_content:eq(9)").slideToggle(1000)});
});
一看就明白了吧
[解决办法]
$(".item_title").each(function(index){
$(".item_title:eq(index)").click(function(){
$(".item_content:eq(index)").slideToggle(1000)});
});
这样试试!
[解决办法]
<script type="text/javascript"> $(document).ready(function(){ $(".item_title").click(function(){ $(this).slideToggle(1000); }); }); //因为不知道.item_title到底有多少个,而且可能你只要想要前10使用此效果,所以再写一个给你备用 $(document).ready(function(){ $(".item_title:lt(9)").click(function(){ $(this).slideToggle(1000); }); });</script>
[解决办法]
$(document).ready(function () { var items = $('.item_title'), idx; items.click(function () { $('.item_content:eq(' + items.index($(this)) + ')').slideToggle(1000); }); });
[解决办法]
这样性能怎么能达到最优?
$(document).ready(function(){
$(".item_title的上一层节点").click(function(e){$(e.target).slideToggle(1000)});//e.target就是只想你点击的这个dom
});
[解决办法]
$('.item_title').live({ click : function(){ $(this).slideToggle(1000); }});
[解决办法]
+1
$(".item_title").click(function(){
item_content.eq($(this).index()).slideToggle(1000);
});
});