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