jQuery ändern CSS Kinder Artikel

Question

ich eine einfache jQuery-Schnipsel, die ein Div auf einer ausgewählten Klasse basierend auswählt und dann gelten einige CSS, um es

<div class="slc_option wrapper"> 
<a class="myanchor" title="My Anchor Title 1">My Link 1</a> 
</div> 
<div class="slc_option wrapper selected"> 
    <a class="myanchor" title="My Anchor Title 2">My Link 2</a> 
</div> 
<div class="slc_option wrapper"> 
    <a class="myanchor" title="My Anchor Title 3">My Link 3</a> 
</div> 

jsFiddle

jQuery(".slc_option.wrapper.selected").css({"background-color":"red","height":"50px"}); 

Ich möchte jetzt um das CSS für die .myanchor-Klasse selbst zu ändern. Hat jemand ein Beispiel, das ich sehen kann?

Answer 1

jQuery(".slc_option.wrapper.selected .myanchor").css({"background-color":"red","height":"50px"}); 

Answer 2

jQuery(".slc_option.wrapper.selected .myanchor") 
.css({"background-color":"red","height":"50px"}); 

Oder

jQuery(".slc_option.wrapper.selected>.myanchor") 
.css({"background-color":"red","height":"50px"}); 

Answer 3

Versuchen Sie folgendes: Sie das Kind Ankerelement mit Klasse auswählen können myanchor

jQuery(".slc_option.wrapper.selected a.myanchor").css({"background-color":"red","height":"50px"}); 

JSFiddle Link