使用jQuery的text-align子元素

Question

我有这个元素

<p class="msg-item"></p> 

即动态充满

要么

<span class="you"></span> 

或者

<span class="stranger"></span> 

我试图让jQuery到文本对齐<span class="you"></span>元素的权利。

所以，我想用这个代码：

if($('p.msg-item').find('span.you').length != 0){ 
    $("p.msg-item.span.you").css('text-align','right'); 
} 

，但它不工作，有什么建议，将不胜感激！

Answer 1

问题是选择器，如果你没有使用空格，那么它会去找到3类的元素class="msg-item span you"。你的情况不在那里。

改成这样：

$("p.msg-item span.you") 

更好地与唯一的CSS做到这一点：

p.msg-item span.you{ 
    text-align: right; 
} 

Answer 2

span.you是p.msg-item儿童。那就像

$("p.msg-item span.you").css('text-align','right');