如何使用jQuery检测类并获取类号

How to detect a class and get li number using jQuery?

本文关键字：获取 检测 何使用 jQuery      更新时间：2023-09-26

我试图通过检测一个类来获得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>

相关文章：