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

使用$(this).closest('.row').find('.tileinfo').addClass('active');获取以下具有类nextAll('.tileinfo:first')的第一个元素。

tileinfo

Answer 2

使用listC.addAll(listA); for(int j=0; j<ListA.size(); j++) { for(int k=0; k<ListB.size(); k++) { ObjectA objectA = ((ObjectA)listA.get(j)); ObjectB objectB = ((ObjectB)listB.get(k)); if(!objectA.getId().equals(objectB.getId())) { listC.add(objectB); } } }获取父div和closest以获取具有类tileinfo的后代

find

Answer 3

您也可以使用.siblings()

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

Answer 4

使用next

$('.portfoliotile').click(function(){
$(this).next('.tileinfo').addClass('active');
})

https://jsfiddle.net/1n2ye3t1/

找到以下匹配类的元素

4 个答案: