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

时间:2012-06-23 05:18:49

标签: javascript jquery

好的,我知道如何在 jQuery 中添加类以及检测div的类,但现在我想在父div中获取子类的类名,然后添加一个类或id到持有子div的父div。

示例:

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

在获取或检测到div子类之后,将class或id添加到父div(在我的例子中,我使用class)..

输出应为:

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

这只是一个实验,一旦成功,我将把它应用到我的实际大爆炸项目中,请提前帮助我,谢谢。

PS:我对任何建议,建议和想法持开放态度。

4 个答案:

答案 0 :(得分:2)

您也可以

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

答案 1 :(得分:0)

$('.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');
  }

});

答案 2 :(得分:0)

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

答案 3 :(得分:0)

这可能有助于解决问题。

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