jquery toggleclass另一个div

Question

问题是当我点击带有ico类的 i 元素时，我需要将类 b 添加到div，其中类 a 。这就是我的尝试。

我的HTML代码是：

 <div class="container">
    <div class="block">
        <div class="a"></div>
        <div>
            <i class="ico"></i>
        </div>
    </div>
    <div class="block">
        <div class="a"></div>
        <div>
            <i class="ico"></i>
        </div>
    </div>
    <div class="block">
        <div class="a"></div>
        <div>
            <i class="ico"></i>
        </div>
    </div>
</div>

JQuery的：

jQuery(function($) {
  $('.ico').click(function() {
    $('.a').toggleClass('b');
  })

});

Answer 1

也许你想要这个。

$('.ico').click(function(){
    $(this).closest('.block').find('.a').toggleClass('b');
});

Answer 2

你的问题不明确，但这是我理解的。

小提琴： https://jsfiddle.net/jn7z7k2k/2/

jQuery(function($) {
  $('.ico').click(function() {
   	$(this).parent().prev().toggleClass('b');
  });
});

.ico{
    background:red;
    display:block;
    margin:10px;
}
.block{
    background:green;
    margin:10px;
    padding:5px;
}
.a.b{
    background:blue;
}

.a {
    display:block;
    background:pink;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container">
    <div class="block">
        <div class="a">anchor</div>
        <div>
            <i class="ico">ico</i>
        </div>
    </div>
    <div class="block">
        <div class="a">anchor</div>
        <div>
            <i class="ico">ico</i>
        </div>
    </div>
    <div class="block">
        <div class="a">anchor</div>
        <div>
            <i class="ico">ico</i>
        </div>
    </div>
</div>

Answer 3

我认为该事件未与ico

正确绑定

尝试下面

＆＃13;

＆＃13;

$(document).ready(function () {
    $('.ico').on('click',function(){
        $('.a').toggleClass('b');
    });

});

＆＃13;

.a {
    color:red;
}
.b {
   color : green; 
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="container">
    <div class="block">
        <div class="a">TEestete</div>
        <div>
            <i class="ico">Click</i>
        </div>
    </div>
    <div class="block">
        <div class="a">asdasdas</div>
        <div>
            <i class="ico">Click</i>
        </div>
    </div>
    <div class="block">
        <div class="a">sadasd</div>
        <div>
            <i class="ico">Click</i>
        </div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13; 小提琴http://jsfiddle.net/vLLtqxw2/1/