javascript - 检测父 div 中子 div 的类，然后将 class 或 id 添加到父 div

Question

好的，我知道如何在jQuery中添加类以及检测 div 的类，但是现在我想在父 div 中获取子类的类名，然后将类或 id 添加到包含子类的父 div分区。

例子：

<div>
    <div class="childdiv">this is the child divident</div>
</div>

在获取或检测到 div 子类之后，将类或 id 添加到父 div（在我的情况下，我使用class）..

输出应该是：

<div class='parentclasshasbeenadded'>
    <div class="childdiv">this is the childdiv</div>
</div>

这只是一个实验，一旦成功，我将把它应用到我实际的大爆炸项目中，请帮助我，在此先感谢。

PS：我愿意接受任何建议、建议和想法。

Answer 1

你也可以做

$('div :has(".childdiv")').addClass('parentclasshasbeenadded');

Answer 2

$('.childdiv').parent().addClass('parentclasshasbeenadded');

以上将添加class=parentclasshasbeenadded到parent.childdiv

并添加id：

$('.childdiv').parent().attr('id', 'someid');

要检测类是否存在，您需要使用hasClass()

$('div').children().each(function() {
  if($(this).hasClass('childdiv')) {

    // to add class
    $(this).parent().addClass('parentclasshasbeenadded');

    // to add id
    $(this).parent().attr('id', 'someid');
  }

});

Answer 3

if($(this).children().hasClass("childdiv")) {
    $(this).addClass("Thaparentclasshasbeenadded")
}

Answer 4

这可能有助于解决问题。

$('.parent .child')[0]{
//there is
}