Wählen Sie DOM innerhalb Selector

Question

Ich habe ein kleines Problem mit meinem jQuery, ich muss eine Klasse innerhalb 'Variable-Scope' Element auswählen .. ich weiß nicht, wie in einfachen Begriff zu beschreiben .. aber hier ist mein Fall

ich habe dieses Strukturelement:

<div class="alpha"> 
    <div class="bravo"> 
      Testing 
    </div> 
</div> 

i verwenden Variable 'Umfang':

var theData=jQuery(".alpha"); 

Meine Frage ist, wie "bravo" in theData Variable auszuwählen Klasse?

Dank

Answer 1

.find() von untergeordneten Elemente zurück

theData.find('.bravo') 

var theData=jQuery(".alpha"); 
 
var bravo = theData.find('.bravo'); 
 
console.log(bravo.text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<div class="alpha"> 
 
    <div class="bravo"> 
 
      Testing 
 
    </div> 
 
</div>

Answer 2

Sie mag es tun können:

var theData = jQuery(".alpha"); 
var bravo = theData.find(".bravo"); 

Answer 3

Versuchen Sie folgendes:

var theData = jQuery(".alpha").find(".bravo"); 

Answer 4

Versuchen mit children() Funktion

var theData=jQuery(".alpha"); 
var bravo=theData.children('.bravo') 

console.log(bravo.text())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="alpha"> 
 
    <div class="bravo"> 
 
      Testing 
 
    </div> 
 
</div>

var theData=jQuery(".alpha"); 
var bravo=theData.children('.bravo') 

Answer 5

Sie jQuery() mit ".bravo" Selektor als erster Parameter 012 verwenden können,als zweiter Parameter context von jQuery() Aufruf theData jQuery-Objekt

var theData = jQuery(".alpha"); 
 
var bravo = jQuery(".bravo", theData); 
 
bravo.css("color", "green");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<div class="alpha"> 
 
    <div class="bravo"> 
 
    Testing 
 
    </div> 
 
</div>