Question

如果此div中的项目数为＆gt; 2

，我想为div添加样式

如果<ie:menuitem>的数量超过2，则将div id s4-ribbonrow设为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中这样做？

Answer 1

这是你想要达到的目标吗？

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

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

Answer 2

你可以尝试

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/

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

2 个答案: