javascript - 親div内の子divのクラスを検出してから、クラスまたはIDを親divに追加します

Question

OK、クラスを追加する方法とjQueryでdivのクラスを検出する方法を知っていますが、親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")
}