Question

我最近才开始学习jquery，并且我尝试使用closest()方法和$(this)来找到最接近的类＆＃34; ion-loading-c＆＃34;并为其添加一个类。我没有犯错，所以我不确定自己做错了什么。这是我的javascipt：

$(function(){
  $('.ion-plus').click(function(e) {
      $(this).closest('.ion-loading-c').addClass('blue');
  });
});

这是我的HTML：

<i class="icon ion-loading-c"></i>

<a href="{{ URL::route('purchase') }}/{{ $i->id }}">
    <span class="text-content">
        <div class="image-row">
            <i class="icon ion-plus ion-icon-add"></i>
            <i class="icon ion-heart ion-icon-add"></i>
        </div>
        <div id="id" class="hidden cart-add-ajax">{{ $i->id }}</div>
        <div class="image-row image-text">
            <span>{{ $i->item }}</span>
        </div>
    </span>
</a>

Answer 1

这是因为.ion-loading-c与.ion-plus没有直接关系 - 使用closest和prev：

$('.ion-plus').click(function(e) {
    $(this).closest('a').prev(".ion-loading-c").addClass('blue');
});

Answer 2

我不知道这是否能解决您的问题

$(function(){
  $('.ion-plus').click(function(e) {
    var $this;
    $this = $(this);
    if ($this.has(".ion-loading-c")) {
      return $(this).closest('.ion-loading-c').addClass('blue');
  });
});

使用nearest（）和$（this）来选择元素

2 个答案: