Question

有没有办法添加任何样式属性，例如＆＃39; float＆＃39;基于parent div元素的child div元素（最好使用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元素吗？

我想这需要＆＃39;如果＆＃39;声明，但我无法做到..

请帮忙。

感谢名单！

Answer 1

试试这个

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

Have a Look

StackOverflow Answer

Answer 2

在jQuery中：

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

CSS

.left {float:left}

Answer 3

如果您使用sass，这很容易实现。例如，这个css（在sass表中）将定位父目录：

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

在其子女的基础上操纵父母的分歧

3 个答案: