使用Javascript或jquery检查div的父div是否包含特定的类名

3j86kqsm  于 2023-06-20  发布在  Java
关注(0)|答案(2)|浏览(142)

我有一组div中的文本。如果有人点击了这个文本,我必须知道类“div 1”的第四个父div是否拥有类名“exampleclass”。

我的HTML:

<div class="div1 exampleclass">
  <div class="div2">
    <div class="div3">
      <div class="div4">
        <div class="5">
          Text
        </div>
      </div>
    </div>
  </div>
</div>

 <div class="div1">
  <div class="div2">
    <div class="div3">
      <div class="div4">
        <div class="5">
          Text
        </div>
      </div>
    </div>
  </div>
</div>

<div class="div1">
  <div class="div2">
    <div class="div3">
      <div class="div4">
        <div class="5">
          Text
        </div>
      </div>
    </div>
  </div>
</div>

我试着用下面的jquery/javascript来找出这一点:

if ($(this).closest('.div1').classList.contains('exampleclass') {
  console.log ('found');
}

它会工作,当我可以与id的工作,但我不能,因为id的是随机的,我不知道他们之前,网站加载。谁有办法解决这个问题?

y4ekin9u

y4ekin9u1#

classlist.contains不是jQuery方法。使用.hasClass()

if ($(this).closest('.div1').hasClass('exampleclass') {
  console.log ('found');
}

这个应该能用干杯!

egdjgwm8

egdjgwm82#

我没试过但你可以

if(this.closest(".exampleclass")){
      console.log ('found');
}

因为如果.exampleclass选择器没有祖先,closest()返回null
我用的是vanilla javascript,但在jquery中非常相似

相关问题