jquery将一个div替换为另一个div

jquery将一个div替换为另一个div,jquery,Jquery,在下面,我想删除类“item1”并将类item2添加到maindiv。下面的代码不起作用。代码有什么问题,如何在maindiv中包含item2 HTML: 在您的示例中,.maindiv没有名为item1的类,它有一个 那个班的孩子。你正在测试它是否有 您可能希望修改为以下内容: if($('.maindiv > div').hasClass('item1')) { $('.maindiv > div') .removeClass('item1')

在下面,我想删除类“item1”并将类item2添加到maindiv。下面的代码不起作用。代码有什么问题,如何在maindiv中包含item2

HTML:


在您的示例中,
.maindiv
没有名为
item1
的类,它有一个 那个班的孩子。你正在测试它是否有

您可能希望修改为以下内容:

if($('.maindiv > div').hasClass('item1')) {
    $('.maindiv > div')
        .removeClass('item1')
        .addClass('item2');
}

。。。无论您觉得哪个更可读。

函数检查调用它的元素是否具有该类(在您的情况下,它没有)。它不会检查这些元素是否包含具有该类的元素


是元素,而不是类
item1
item2
是这些元素上的类。您似乎对类是什么以及
.hasClass()
.addClass()
.removeClass()
函数做什么感到困惑,因此我建议您回去讨论一下基础知识。

$(“#maindiv”).find('item1')
然后你就可以把它链接起来祝你好运并有一个愉快的一天

你必须瞄准像这样的内部div

    $(document).ready(function() {
       if(selection) {
           $('.maindiv .item1').removeClass('item1').addClass('item2');
     }

}))

使用id比较器获得更好的解决方案,如

项目1

如果(选择)
{             
if($('#test').hasClass('item1')){
$('#test').removeClass('item1').addClass('item2');
}
}

您粘贴代码时出错了吗?或者这就是它的实际外观?您的问题标题与您在问题中所说的内容并不完全相符,我不确定这是否只是沟通不畅或对类是什么感到困惑。jQuery没有
.child()
function.ohh谢谢,这样您就可以用id来使用它了,这是最好的方法,而且准确无误,既不会删除也不会添加accordingly@learning当前位置我不确定我是否理解你的反对意见。因为如果是,您将知道它们有
item2
,而不是
item1
if($('.maindiv > div').hasClass('item1')) {
    $('.maindiv > div')
        .removeClass('item1')
        .addClass('item2');
}
if($('.maindiv .item1').length > 0) {
    $('.maindiv .item1')
        .removeClass('item1')
        .addClass('item2');
}
    $(document).ready(function() {
       if(selection) {
           $('.maindiv .item1').removeClass('item1').addClass('item2');
     }
<div class = "maindiv"> 
<div id="test" class = "item1" >  <a href="#" id="item1">item1</a> </div>
</div>

if(selection)
            {             
                if ( $('#test').hasClass('item1') ) {
                            $('#test').removeClass('item1').addClass('item2');

                }


            }