Remove/Add CSS class 与 js

Question

我想删除并稍后将 class 添加到这部分代码中：

           <tr class="promo-tag">
                <td class="plan-za-razgovore-xs"></td>
                <td class="plan-za-razgovore-s"></td>
                <td class="promo plan-za-surfanje-m"></td>
                <td class="promo plan-za-surfanje-l"></td>
                <td class="promo plan-za-zabavu-xl"></td>
                <td class="promo plan-za-zabavu-xxl"></td>
                <td class="promo plan-za-mlade"></td>
            </tr>

我有以下脚本，我不想从 .plan-za-surfanje-m 的所有元素中删除 .promo class，而所有其他元素都保留 .promo class。我尝试了 $('something').removeClass('myClass') 的多种变体，但到目前为止没有成功。

    if (vals.join('') === "mcd12True") {
    $('.promo-tag .promo .plan-za-surfanje-m').removeClass( 'promo' )
    & $('.promo-tag .promo').html('Promotivna cijena').val() 
    & $('.tarif-price .plan-za-surfanje-m').html('<h2> 95 </h2> <p> kn/mj<br> 12 mjeseci</p>').val()
    & $('.tarif-price .plan-za-surfanje-l').html('<h2> 135 </h2> <p> kn/mj<br> 12 mjeseci</p>').val()
    }

Answer 1

尝试以下操作：

document.querySelector(".plan-za-surfanje-m").classList.toggle("promo");

Answer 2

您对具有多个 class 的元素的语法是错误的，它不应该有空格。试试这个。

 $('.promo-tag .promo.plan-za-surfanje-m').removeClass( 'promo' );

Answer 3

jQuery 有这个功能，不需要复杂化：

$('.plan-za-surfanje-m').removeClass('promo')

Answer 4

实际上，您在 .promo 中搜索 .plan-za-surfanje-m，但它是相同的元素。

替换

$('.promo-tag .promo .plan-za-surfanje-m').removeClass( 'promo' )

来自

$('.promo-tag .promo.plan-za-surfanje-m').removeClass( 'promo' )

或

$('.promo-tag .plan-za-surfanje-m').removeClass( 'promo' )

Answer 5

使用此代码

$('.promo-tag').find('td').removeClass('promo');

Answer 6

.promo 中有一个 space，.plan-za-surfanje-m 您需要将其删除

$('.promo-tag .promo.plan-za-surfanje-m').removeClass( 'promo' )

Remove/Add CSS class 与 js

Remove/Add CSS class with js

javascript

css

addclass

removeclass