使用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');