Question

如果下一节类有“card_wrapper”类，我试图在当前节中添加一个类

这就是我所拥有的，但我似乎无法让它正常运作。

HTML示例：

<div class="main_content">
   <section id="cont1"></section>
   <section id="cont2"></section>
   <section id="cont3" class="card_wrapper"></section> 
</div>

jQuery的：

  $('.main_content section').each(function(){
    if($(this).next('section').hasClass('card_wrapper')) {
      //add class to con2 section
      console.log('found section');
    }
  });

Answer 1

您只是错过了对addClass的来电，如下所示。

$('.main_content section').each(function(){
    if($(this).next('section').hasClass('card_wrapper')) {
      $(this).addClass("added")
    }
  });

.added{ background-color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main_content">
<section id="cont1">1</section>
<section id="cont2">2</section>
<section id="cont3" class="card_wrapper">3</section>
</div>

Answer 2

使用addClass

将课程添加到当前部分

＆＃13;

$(document).ready(function() {
  $('.main_content section').each(function() {
    var $currentSection = $(this);
    if ($currentSection.next('section').hasClass('card_wrapper')) {
      $currentSection.addClass('newclass');
    }
  });
});

＆＃13;

.newclass {
  border: 2px solid red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main_content">
  <section id="cont1">cont1</section>
  <section id="cont2">cont2</section>
  <section id="cont3" class="card_wrapper">cont3</section>
</div>

＆＃13;

Answer 3

试试这个：

$('.main_content section').each(function(){
   if($(this).next('section').hasClass('card_wrapper')) { 
        console.log('found section with id ' + $(this).attr('id') );
   }
});

我创造了一个小提琴 https://jsfiddle.net/5rgvfqbm/1/

如果下一部分有类，则将类添加到当前部分

3 个答案: