jquery 检测 div 内的项目数量并添加一个类

发布于 2024-10-21 20:07:06 字数 582 浏览 5 评论 0原文

我想向 div 添加样式，如果该 div 内的项目数量 > 2

如果的数量大于 2，则设置 div 将 s4-ribbonrow 的 id 替换为 display:block;

<div class="s4-pr" id="s4-ribbonrow" style="height: 135px; display: none;">
<ie:menuitem menugroupid="100"></ie:menuitem>
<ie:menuitem menugroupid="100"></ie:menuitem>
<ie:menuitem menugroupid="100"></ie:menuitem>
<ie:menuitem menugroupid="100"></ie:menuitem>
</div>

我将如何在 Jquery 中做到这一点？

原文

I would like to add a style to a div if number of items within this div is >2

If number of <ie:menuitem> is more than 2 then set div with id of s4-ribbonrow to display:block;

<div class="s4-pr" id="s4-ribbonrow" style="height: 135px; display: none;">
<ie:menuitem menugroupid="100"></ie:menuitem>
<ie:menuitem menugroupid="100"></ie:menuitem>
<ie:menuitem menugroupid="100"></ie:menuitem>
<ie:menuitem menugroupid="100"></ie:menuitem>
</div>

How would i do that in Jquery?

分享到QQ

分享到微博

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

发布评论

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

隔纱相望 2024-10-28 20:07:06

这是您想要实现的目标吗？

var $row = $('#s4-ribbonrow');

if ($row.children().length > 2)
    $row.css('display', 'block');

Is this what you want to achieve?

var $row = $('#s4-ribbonrow');

if ($row.children().length > 2)
    $row.css('display', 'block');

回复收藏 0 原文

め七分饶幸 2024-10-28 20:07:06

您可以尝试

var ribbon = $('#s4-ribbonrow'),
    menuitems = ribbon.children().filter(function(){
        return this.nodeName = 'IE:MENUITEM';
    });

if (menuitems.length>2){
    ribbon.show();
}

演示 http://jsfiddle.net/gaby/mQaBQ/

You could try

var ribbon = $('#s4-ribbonrow'),
    menuitems = ribbon.children().filter(function(){
        return this.nodeName = 'IE:MENUITEM';
    });

if (menuitems.length>2){
    ribbon.show();
}

Demo at http://jsfiddle.net/gaby/mQaBQ/

回复收藏 0 原文

~没有更多了~