根据其子级 div elment 操纵父级 div elment

Question

有没有办法在parent div child div元素的基础上将任何样式属性（如"float"）添加到元素中（最好使用javascript，而不添加任何额外的div）。

<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>

与此代码示例中一样，父div 相同，但子div 在类中不同。那么我们可以在其基础上浮动div 元素吗？

我想这需要"如果"语句，但我做不到。

请帮忙。

谢谢！

Answer 1

in jQuery：

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

.CSS

.left {float:left}

Answer 2

试试这个

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

看一看

堆栈溢出答案

Answer 3

如果你使用sass，这很容易实现。例如，这段 css（在 sass 表中）将针对父目录：

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