操縱父DIV elment

有沒有辦法對任何風格的屬性，如「浮動」添加到parent div元素及其child div元素的基礎上（最好使用JavaScript和不添加任何額外的div）。操縱父DIV elment

<div class="chat-message"> 
    <span class="chat-message-me">xxx</span> 
    <span class="chat-message-content">hiyyy</span> 
</div> 

<div class="chat-message"> 
    <span class="chat-message-them">01:25 me:&nbsp;</span> 
    <span class="chat-message-content">hi</span> 
</div>

像這樣的代碼樣本父divs是相同的，但子div在類中不同。那麼我們可以在其基礎上浮動div元素嗎？

我想這將需要「如果」語句，但我無法做到這一點..

請幫助。

Thanx！

來源

2016-02-22 Naman Gupta

這在CSS中是不可能的。請將你自己寫的代碼添加到問題中。 –

爲什麼不直接在HTML中將所需的類添加到父div，而是在加載DOM後添加它？ – Fr0zenFyr

jQuery中：

$('chat-message-them').parent().addClass('left');

CSS

.left {float:left}

來源

2016-02-22 08:19:05 pathfinder

嘗試這個

$('.chat-message-me').parent('div').addClass('newClass');

Have a Look

StackOverflow Answer

來源

2016-02-22 08:17:52

如果你使用sass，這很容易。例如，這個css位（在sass表格中）將以父目錄爲目標：

.chat-message-me { 
    .chat-message & { 
    float: left; 
    } 
} 
.chat-message-from { 
    .chat-message & { 
    float: right; 
    } 
}

來源

2016-02-22 10:12:18 rrd

操縱父DIV elment

回答

相關問題