使用 jQuery 获取某一个子元素的个数

学习笔记 马富天 2017-08-11 09:12:04 78 0

【摘要】学习 jQuery 的必须掌握的一个就是要懂得如何获取某一元素的个数。本文用一段非常简短的 jQuery 代码来实现。

例如,我们要获取 ul 标签下面有多少个 li 标签,即:

  1. <ul id="ul">
  2. 	<li><span>1</span></li>
  3. 	<li><span>2</span></li>
  4. 	<li><span>3</span></li>
  5. </ul>
  6. <ol>
  7. 	<li><span>1</span></li>
  8. 	<li><span>2</span></li>
  9. 	<li><span>3</span></li>
  10. 	<li><span>4</span></li>
  11. </ol>

则我们使用 jQuery 比较推荐的获取方法是:

  1. var count = $("#ul").children("li").length;
  2. console.log(count);	//	输出 3
  3. var count2 = $("ol").children("li").length;
  4. console.log(count2);	//	输出 4

版权归 马富天PHP博客 所有

本文标题:《使用 jQuery 获取某一个子元素的个数》

本文链接地址:http://www.mafutian.net/303.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

0

0

上一篇《 PHP 处理图片时报错:Warning: imagecreatefromjpeg(): gd-jpeg: JPEG library reports unrecoverable error 》 下一篇《 纯 jQuery 实现图片轮换效果 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多