jquery - 找到以下匹配类的元素

Question

我需要帮助完成以下任务:我有以下 HTML。

<div class="row">
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-12 tileinfo"></div>
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-12 tileinfo"></div>
</div>
<div class="row">
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-12 tileinfo"></div>
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-3 col-sm-6 portfoliotile"></div>
  <div class="col-md-12 tileinfo"></div>
</div>

所有类为 .portfoliotile 的元素都是可点击的元素。我需要一个解决方案来获取具有类 .tileinfo

的以下元素

我试过了

$(this).closest('.tileinfo').addClass('active');

this 代表被点击的 .portfoliotile-Element 但我想我走错了路......

Answer 1

使用 nextAll('.tileinfo:first') 获取以下具有类 tileinfo 的第一个元素。

 $(this).nextAll('.tileinfo:first').addClass('active');