セレクタ内でDOMを選択

Question

私はjQueryに少し問題があります。「可変スコープ」要素内でクラスを選択する必要があります。単純な用語で説明する方法はわかりませんが、ここに私のケースがあります

私はこのような構成要素を持って：

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

iは、 'スコープ' に変数を使用します。

var theData=jQuery(".alpha"); 

私の質問はtheData変数に "ブラボー" クラスを選択する方法ですか？

おかげ

Answer 1

.find()あなたはそれが好き行うことができます

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

子要素から戻ります：

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

Answer 3

これを試してみてください：

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

Answer 4

は、

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

あなたが最初のパラメータとして".bravo"セレクタでjQuery()を使用することができますchildren()機能と012を試してみてくださいtheData jQueryオブジェクトへjQuery()呼び出し

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>