如何使用jQuery检测类并获取li数?

时间:2015-10-09 15:00:03

标签: javascript jquery

我试图通过检测一个类来获得李号。

示例:

    <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);

3 个答案:

答案 0 :(得分:2)

index()是我想要的东西

$('.current').index()

答案 1 :(得分:2)

你的问题并不完全清楚,所以我不能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()

答案 2 :(得分:1)

通过获取class的子项并查找元素是否具有类,可以找到ul。如果有课程,请打印class nameelement value

.attr('class')如果可用则返回类名,否则返回undefined

&#13;
&#13;
$('ul').children().each(function(index, el) {
  if ($(this).attr('class')) {
    alert($(this).attr('class'));
    alert($(this).text());
  }
});
&#13;
<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>
&#13;
&#13;
&#13;