JQuery - 如何检测给定 div 中存在给定类的 div 数量？

发布于 2024-11-14 05:31:52 字数 575 浏览 1 评论 0 原文

我有一个像这样的 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="x") 中包含多少个这样的 div (class="y")？ - （例如，只是带有数字的警报（“”））。

问题2：如何对每个 y-div (class="y") 执行某些操作，例如使用 $('.y').html(" 将字母“Y”放入所有 y-div 中的函数是”）；，例如？？

任何帮助都将不胜感激......

原文

I have a div like this:

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

and contained within this div I have several divs like this:

<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>

etc.

QUESTION 1:
How do I detect how many of these divs (class="y") are contained within the container div (class="x")? - (just an alert("") with the number, for example).

QUESTION 2:
How do I do something to each of these y-divs (class="y") such as a function that might place the letter "Y" into all of the y-divs using $('.y').html("Y"); , for example??

Any help appreciated guys....

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

醉态萌生 2024-11-21 05:31:52

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

$('#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：

You need to find the elements within the ancestor element.

$('#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

See the API:

回复收藏 0 原文

神妖 2024-11-21 05:31:52

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

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

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

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

回复收藏 0 原文

柠北森屋 2024-11-21 05:31:52


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


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

回复收藏 0 原文