JQuery - 如何檢測給定div中給定類的多少個div？

Question

我有這樣一個div：

<div id="x" name="x" class="x" style=""></div> 

和這個div中包含我有幾個div的是這樣的：

<div id="y_1" name="y_1" class="y" style=""></div> 
<div id="y_2" name="y_2" class="y" style=""></div> 
<div id="y_3" name="y_3" class="y" style=""></div> 

等

問題1： 如何檢測如何許多這些div（class =「y」）包含在容器div（class =「x」）中？ - （例如，只有一個警報（「」））。

問題2： 如何對這些y-div（class =「y」）中的每一個執行某些操作，例如可能將字母「Y」放入所有y-div中的函數，使用$（' .Y'）的HTML（ 「Y」）。 ， 例如？？

任何幫助表示讚賞你們....

Answer 1

你需要找到祖先元素中的元素。

$('#x div.y').length; // number of class y elements under element x 
$('#x div.y').html('Y'); // run a jQuery method on the y elements 

見API：

• descendant selector
• length property

Answer 2

//instead of $('#x .y') you can also use $('#x').find('.y') 
alert($('#x .y').length()) 

$('#x .y').each(function(){ 
    //do what you want to $(this) 
    $(this).html('Y'); 
});

Answer 3

試試這個。

alert($('.x .y').length) 

http://api.jquery.com/length/

Answer 4

alert($('.x .y').length); 

$('.x .y').html('Y'); 

Answer 5

的length()方法獲取返回的元素的總量：

alert($('.x .y').length());

2.你是如何設定正確的所有的內容e返回元素：

$('.x .y').html('Y');