使用jQuery对子元素进行文本对齐

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