使用jquery计算页面中一级UL LI的数量
使用jquery计算页面中一级UL LI的数量
提问于 2012-06-27 21:37:49
我有一些jquery，它会计算菜单中的菜单项，并将计算出的宽度分配给li，单位为px。
代码如下：
$(document).ready(function(){
$('div#new-menu-lower ul li').css('width', ($('div#new-menu-lower ul').width() / $('div#new-menu-lower ul li').length));
$(function() {
var menuWidth = $('div#new-menu-lower ul').width();
var listItems = $('div#new-menu-lower ul li').length;
var itemWidth = Math.floor(menuWidth * (1/listItems)) - 40;
$('div#new-menu-lower ul li').css('width', itemWidth);
});
});问题是listItems显示为38项，它似乎计算了每一个li，这是错误的。它应该只计算第一个ul li，而不是子元素。
我能做些什么来阻止这种情况的发生吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-27 21:38:43
变化
var listItems = $('div#new-menu-lower ul li').length;至
var listItems = $('div#new-menu-lower > ul > li').length;您需要jQery 选择器来完成您的工作。
来自jQuery文档：
选择由“父”指定的元素的“子”指定的所有直接子元素。
作为CSS选择器，子组合器受所有现代web浏览器支持，包括Safari、Firefox、Opera、Chrome和Internet Explorer 7及更高版本，但Internet Explorer版本6及更低版本不支持。但是，在jQuery中，此选择器(以及所有其他选择器)适用于所有支持的浏览器，包括IE6。
子组合符(E > F)可以被认为是后代组合符(E，F)的一种更具体的形式，因为它只选择第一级后代。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11227530
复制相关文章
相似问题
腾讯云开发者
