jquery的标签切换

Question

js

以上是自己的一小段练手jquery的标签切换，可是无法实现效果，跪求大神指点一下原因

Answer 1

注意你代码的两个地方：

$("div .content");
$("#tabfirst li .tabin");

选择条件后面不能跟空格，加了空格代表选择该元素的子元素

Answer 2

https://segmentfault.com/q/10...
和你的问题原因一样
你这么改一下试试：

$('#tabfirst li').each(function(index){
    var self = $(this);
    
    (function(index){
        //...函数体内容
    
    })(index)
    
})

Answer 3

现在是越来越多新人进前端了么

Answer 4

原因是方法用错了，不能用onmouseenter(),应该用mouseenter（）方法

Answer 5

<style>
.tab-con{display:none;}
.tab-box .on{display:block;}
</style>

<ul class='tab-title'>
    <li class="active">tab1</li>
    <li>tab2</li>
    <li>tab3</li>
</ul>
<div class="tab-box">
    <div class="tab-con on"></div>
    <div class="tab-con"></div>
    <div class="tab-con"></div>
</div>

<script>
$('.tab-title li').hover(function(){
    var index=$(this).index();
    $(this).addClass('active').siblings('li').removeClass('active');
    $('.tab-box .tab-con').eq(index).addClass('on').siblings('.tab-con').removeClass('on');
},function(){
  //.....
})
</script>

没有测试，题主你可以试一下