2017-01-11 56 views
-2

我的jQuery有點問題,我需要在'可變範圍'元素內選擇一個類..我不知道如何描述簡單的術語..但這裏是我的案例在選擇器中選擇DOM

我得到這個結構元素:

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

我使用變量「範圍」:

var theData=jQuery(".alpha"); 

我的問題是如何在海圖變量選擇類「喝彩」?

感謝

+0

許多這個問題的答案使用.find()代替。孩子的第二個參數()。後者更快,因爲它只能訪問元素的直接子元素。你也可以使用如下選擇器:'theData.children('。bravo');' –

回答

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>

+0

爲什麼你想要做'find'? – brk

0

你可以不喜歡它:

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

試試這個:

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

嘗試用children()功能

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') 
0

您可以使用jQuery()".bravo"選擇爲第一個參數,theData如設置jQuery()通話contexttheData 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>