时间戳

首页 > 解决方案 > 使用 JQuery 删除 CSS 类

javascript - 使用 JQuery 删除 CSS 类

问题描述

我有一个使用 PHP 包含加载的嵌套 div。它可以放置两个地方，每个地方都在不同的父 div 中。

<div id="parent_div">
    <div id="contact_details_div" class="contact_details_div sameheight">
        <h3>Some Text</h3>
        Some additional Text    
    </div>
    <div id="contact_div" class="contact_div sameheight">
        Even more text
    </div>
</div>

父 div 可以是两个不同 ID 之一。

当父 div 是特定的 ID 名称时，如何使用 jQuery 或仅使用 Javascript 删除类“sameheight”？

这可行，但会将其从两个父 div 中删除。

$( "#contact_details_div" ).removeClass( "sameheight" )
$( "#contact_div" ).removeClass( "sameheight" )

我猜我需要一个 IF 语句，但不知道如何编写它。

标签： javascriptjquerycss

解决方案

好吧，jquery 选择器像 css 一样工作，因此您可以使用父子选择器：（以下假设您希望在 in#parent_two但不是时应用该类#parent_one：

$( "#parent_one #contact_details_div" ).removeClass( "sameheight" );

但是，如果sameheight该类仅用于应用 css 样式，那么使您的 css 更具体会更有意义，因此它仅适用于其他 div 的子元素：

#parent_two .sameheight{...}

然后你需要javascript

推荐阅读