jquery怎么获得ul中“li”的个数?

 我来答
翻滚吧独角兽
高粉答主

推荐于2019-08-08 · 繁杂信息太多,你要学会辨别
知道大有可为答主
回答量:359
采纳率:98%
帮助的人:16.3万
展开全部

可以考虑用length属性, jquery代码: $(“#ulname li”).length。

1、ul 是 Unordered List(无序列表)的缩写。与之相对的有<ol>有序列表标签,列表里的项目用<li>标签记述,所有主流浏览器都支持 <ul> 标签。在 HTML 4.01 中,ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。

2、<li> 是列表项目标签,定义列表项目。<li> 标签支持全局属性,<li> 标签支持所有 HTML 事件属性。在 HTML 4.01 中,li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 1.0 Strict DTD 中,li 元素的 "type" 和 "value" 属性是不被支持的。

3、ul和li常规方法:

li {background: url(/images/icon.gif) no-repeat 0px 50%; padding-left:17px;}

4、复杂方法:

ul {list-style:none;}

li{background: url(/images/icon.gif) no-repeat 0px 50%; padding-left:17px;}

可以解决上面的浏览器不兼容的问题。首先,清除默认的项目符号,然后加上我们自己的背景图片。no-repeat告诉浏览器不要平铺这张图片,0px 50%告诉背景图片应该位于距左侧0px 且竖直方向位于顶部往下50%处,实际上就是在竖直方向居中。我们在左侧加上了17px的边距,这样那些15px宽5像素高的小图标就能完全显露出来,不会被文本遮挡,并且和文本之间有一点间隔。

5、简单方法

ul{list-style-image:url(/images/icon.gif);}

这种方法不同的浏览器的显示效果会有一些差异,主要是在图片的垂直位置上。有些浏览器会使图片和列表项文本的中部位置平齐,有的又会显示得高一些,总之就是有些不一致。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式