2015-10-09 56 views
-4

我想通過檢測一個類來獲得li號。如何使用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); 
+1

請說明你的**「號」的意思** - 因爲它可以是1.計數(在本例中爲1),2.索引(第3),3:內部(3)的值。 –

+0

請參閱更新...... – Megi

+0

上次更新不能解釋預期結果。這整個問題描述完全缺乏適當的細節。元素沒有'數字',如果你想從他們的信息,你需要解釋到底是什麼 – charlietfl

回答

2

指數()是你要找的內容根據您的更新,我認爲

$('.current').index() 
+0

請參閱更新...... – Megi

+2

這種解決方案有什麼問題? – stackoverfloweth

1

,好像你想要的指數,是否正確?這是你將如何做到這一點:

$('.value').text($("li.current").index()); //2 
+0

請參閱更新...... – Megi

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

1

這裏class是通過獲取ul兒童和查找元素是否具有類或找不到。如果類是可用的,那麼打印class nameelement 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>