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