Javascript 如何替换div id中的类名？

HTML:

已付金额
支付方式
选择付款方式
现金
卡片
信用

如何使用jQuery将div id payment_组内的col-md-6替换为col-md-4？对不起，我的英语很差。

您可以使用

$（“#payment_group.col-md-6”）.addClass（“col-md-4”）.removeClass（“col-md-6”）

工作演示

$（“#支付#组.col-md-6”）.addClass（“col-md-4”）.removeClass（“col-md-6”）
console.log（“类为col-md-4:+$（“#payment_group.col-md-4”）.length的元素）

已付金额
支付方式
选择付款方式
现金
卡片
信用

您可以使用

$（“#付款组.col-md-6”）.addClass（“col-md-4”）.removeClass（“col-md-6”）

工作演示

$（“#支付#组.col-md-6”）.addClass（“col-md-4”）.removeClass（“col-md-6”）
console.log（“类为col-md-4:+$（“#payment_group.col-md-4”）.length的元素）

已付金额
支付方式
选择付款方式
现金
卡片
信用

使用addClass（）和removeClass（）

$（“#支付"组.col-md-6”）.addClass（'col-md-4'）.removeClass（'col-md-6'）

.col-md-4{
颜色：红色
}
.col-md-6{
颜色：蓝色
}

已付金额
支付方式
选择付款方式
现金
卡片
信用

使用addClass（）和removeClass（）

$（“#支付"组.col-md-6”）.addClass（'col-md-4'）.removeClass（'col-md-6'）

.col-md-4{
颜色：红色
}
.col-md-6{
颜色：蓝色
}

已付金额
支付方式
选择付款方式
现金
卡片
信用

通常，您可以简单地执行以下操作：

<div id="payment_group">
    <div class="col-md-6">
        <div class="form-group form-md-line-input">
            <label for="form_control_1">Paid Amount</label>
            <input type="number" class="form-control" step="0.01" id="Paid_amount" name="Paid_amount" style="" value="">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group form-md-line-input" style="margin-bottom: 0px">
            <label>Payment Mode</label>
            <select class="form-control selectpicker" data-live-search="true" name="Payment_mode" id="Payment_Mode" onchange="show_bank()">
                <option value="">Select Payment Mode</option>
                <option value="Cash">Cash</option>
                <option value="Card">Card</option>
                <option value="Credit">Credit</option>
            </select>
        </div>
    </div>
</div>

---

切换选项不是最好的，如果它不存在，它将添加一个类，如果它存在，它将删除它。。。它更简洁，更难

通常，您可以简单地执行以下操作：

<div id="payment_group">
    <div class="col-md-6">
        <div class="form-group form-md-line-input">
            <label for="form_control_1">Paid Amount</label>
            <input type="number" class="form-control" step="0.01" id="Paid_amount" name="Paid_amount" style="" value="">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group form-md-line-input" style="margin-bottom: 0px">
            <label>Payment Mode</label>
            <select class="form-control selectpicker" data-live-search="true" name="Payment_mode" id="Payment_Mode" onchange="show_bank()">
                <option value="">Select Payment Mode</option>
                <option value="Cash">Cash</option>
                <option value="Card">Card</option>
                <option value="Credit">Credit</option>
            </select>
        </div>
    </div>
</div>

$('#payment_group .col-md-6').toggleClass('col-md-6 col-md-4');
//Or
$('#payment_group .col-md-6').addClass("col-md-4").removeClass("col-md-6"‌​);

---

切换选项不是最好的，如果它不存在，它将添加一个类，如果它存在，它将删除它。。。它更简洁，更难

无论类是什么，都可以设置该类

$('#payment_group .col-md-6').toggleClass('col-md-6 col-md-4');
//Or
$('#payment_group .col-md-6').addClass("col-md-4").removeClass("col-md-6"‌​);

$("#changeclass").toggleClass('col-md-4');

---

无论类是什么，都可以设置它

$("#changeclass").toggleClass('col-md-4');

试试这个

$("#payment_group").find(".col-md-6").addClass("col-md-4");
$("#payment_group").find(".col-md-6").removeClass(".col-md-6"); 

谢谢

试试这个

$("#payment_group").find(".col-md-6").addClass("col-md-4");
$("#payment_group").find(".col-md-6").removeClass(".col-md-6"); 

---

谢谢

请尝试删除该类

$( "#payment_group div:first-child" )
    $( this ).removeClass( ".col-md-6" );
    $( this ).addClass( ".col-md-4" );
});

加上

$(selector).removeClass(classname,function(index,currentclass))

---

尝试此操作以删除该类

$( "#payment_group div:first-child" )
    $( this ).removeClass( ".col-md-6" );
    $( this ).addClass( ".col-md-4" );
});

加上

$(selector).removeClass(classname,function(index,currentclass))

---

我想这也会对你有所帮助

$（文档）.ready（函数（）{
$（“#payment_group.col-md-6”）.toggleClass（'col-md-6 col-md-4'）；
});     
已付金额
支付方式
选择付款方式
现金
卡片
信用
提交

我想这也会对你有所帮助

$（文档）.ready（函数（）{
$（“#payment_group.col-md-6”）.toggleClass（'col-md-6 col-md-4'）；
});     
已付金额
支付方式
选择付款方式
现金
卡片
信用
提交

您可以使用jQuery的和：

$（“#支付组”）.addClass（“col-md-4”）.removeClass（“col-md-6”）
您可以使用jQuery的，为此：

$（“#支付组”）.addClass（“col-md-4”）.removeClass（“col-md-6”）
这行吗<代码>$（“#支付组.col-md-6”）.addClass（“col-md-4”）.removeClass（“col-md-6”）是，但col-md-6几乎位于整个网页中。我只想将位于id payment_组内的col-md-6替换为col-md-4。尝试以下方法：$（“#payment_组>div.col-md-6”）.removeClass（“col-md-6”）.addClass（“col-md-4”）；确切地说，看看“支付”组是如何出现在前面的。col-md-6
“#支付”组。col-md-6
这就是css的工作原理。从左到右将进一步向下移动嵌套元素。@admcfajn注释是在您编辑注释之前出现的。。。它最初不包含ID部分…这可以工作吗<代码>$（“#支付组.col-md-6”）.addClass（“col-md-4”）.removeClass（“col-md-6”）是，但col-md-6几乎位于整个网页中。我只想将位于id payment_组内的col-md-6替换为col-md-4。尝试以下方法：$（“#payment_组>div.col-md-6”）.removeClass（“col-md-6”）.addClass（“col-md-4”）；确切地说，看看“支付”组是如何出现在前面的。col-md-6
“#支付”组。col-md-6
这就是css的工作原理。从左到右将进一步向下移动嵌套元素。@admcfajn注释是在您编辑注释之前出现的。。。它最初不包含ID部分…为什么需要添加ID？已尝试了上述解决方案。如果不起作用，请告诉我为什么需要添加ID？已尝试了上述解决方案。如果不起作用，请告诉我您首先使用的是
}
，但我看不到
{<