师兄问的一个有趣的Javascript问题

师兄问道：“小师弟，帮我解决一个前端Javascript的问题。”

我回答道：“什么问题呢？”

师兄说：“点击第一个div，隐藏第二个div，但是不能影响后面的div，它们都是在同一级。”

点击的时候遍历咯就，关键还是代码呀。还要引用jq

<div class="1"></div>
<div class="2"></div>
<div class="2"></div>
<div class="1"></div>
<div class="2"></div>
<script>
    var index1;
    var value;
    $(".1").click(function(){
        index1 = $("div").index(this) + 1;
        $("div").each(function(index){
            value = $("div").eq(index1 + index);
            if(value.attr('class') == 2){
                value.hide();
            }else if(value.attr('class') == 1){
                return false;
            }
        });
    });
</script>

转载于:https://my.oschina.net/quantou/blog/738038