使用 jQuery 通过索引获取某个元素的两种方法

学习笔记 马富天 2017-08-21 15:15:14 86 0

【摘要】在学习 jQuery 的过程中,如何通过元素的索引获取相应的元素是至为重要的一部,掌握的这个功能,就能够非常轻松的操作页面中的 DOM 元素,是 jQuery 学习者必学之处。

首先我们需要知道的是元素的索引下标是从零开始的。如下 HTML 代码,我们要获取 "圆形" 则:

  1. <ul>
  2.     <li>正方形</li>
  3.     <li>长方形</li>
  4.     <li>圆形</li>
  5. </ul>

jQuery 代码是:

  1. console.log($('ul li').eq(2).html());	//	这里的 2 指的是 ul 的子元素 li 的索引
  2. console.log($('ul li:nth-child(3)').html());	//	这里的 3 指的是 ul 下面的第 3 个子元素

以上两种方法非常实用。最后输出的结果是圆形。

版权归 马富天个人博客 所有

本文标题:《使用 jQuery 通过索引获取某个元素的两种方法》

本文链接地址:http://www.mafutian.com/307.html

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

0

0

上一篇《 如何通过使用 git 在 github 上面创建自己的代码仓库 》 下一篇《 PHP 代码实现手机号码吉凶测试算法 》

暂无评论

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

TOP10

  • 浏览最多
  • 评论最多