如何使用jQuery检测类并获取类号
How to detect a class and get li number using jQuery?
我试图通过检测一个类来获得li号码。
的例子:
<ul>
<li></li>
<li></li>
<li class="current"></li>
<li></li>
<li></li>
</ul>
<div class="value"></div>
我想要class="current"
<li>
的编号。
$('.value').text(//need class="current" li number);
index()就是你要找的
$('.current').index()
你的问题不完全清楚,所以我不是100%确定你在寻找"索引"或"实际文本"。
出于学习目的,以下是步骤:
1)使用.<classname>
指定要查找的类
2)使用index()
或html()
或text()
来获取您需要的信息
每个用法的附加信息/解释可以在这里找到:
https://api.jquery.com/index/$('.current').index()
http://api.jquery.com/html/$('.current').html()
http://api.jquery.com/text/$('.current').text()
根据您的更新,似乎您想要索引,对吗?您可以这样做:
$('.value').text($("li.current").index()); //2
这里通过获取ul
的子元素并查找元素是否有class来查找class
。如果class可用,则打印class name
和element value
.attr('class')
返回类名,否则返回undefined
$('ul').children().each(function(index, el) {
if ($(this).attr('class')) {
alert($(this).attr('class'));
alert($(this).text());
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>1</li>
<li>2</li>
<li class="current">3</li>
<li>4</li>
<li>5</li>
</ul>
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 如何检测是否有溢出
- 正在获取Angular以检测$scope中的更改
- 如何检测画布中的图像何时被单击或至少获取其位置
- 如何检测和获取 asp.net 中的复选框/选择框(html 标记)值
- 如何获取我的 x 和 y 值以检测 html5 画布中两个图像之间的冲突
- 未捕获的类型错误:无法读取属性'获取'检测到chrome扩展时未定义的
- 检测该行并使用javascript获取td值.(动态表)
- 如何检测由新的获取标准发起的请求?我应该如何检测AJAX请求
- 如何检测当前输入文本'使用jquery从输入文本数组中获取s索引
- 如何检测和获取url字符串javascript
- 如何使用jQuery检测类并获取类号
- Jquery -使用Jquery从文本中检测和获取url
- 如何获取当前位置,鼠标位置和当前url使用javascript浏览器检测
- 如何在碰撞检测函数中获取成员变量
- 如何检测jquery fullcalendar是否需要从服务器获取事件
- 获取附加项以检测悬停链接
- Ember模型和组件,获取组件来检测模型中的更改
- 如何检测移动设备并获取用户代理信息 发送并将该信息保存到服务器上的数据库,只需一次
- Backbonejs收集获取错误检测XHR对象