2015-12-02 35 views
1
<li>1</li> 
<li class="selected">2</li> 
<li>3</li> 
<li>4</li> 

可以很容易地獲得指數,如果我們點擊裏,我們可以做獲取階級基礎的指數

$('li').click(function(){ 
    alert('index:' + $(this).index()); 
}); 

但是如果我想觸發按鈕別的地方是什麼,並獲得選擇的索引類?

回答

2

我覺得你要找的是單擊按鈕時li.selected元素的索引。

在這種情況下,你可以得到jQuery對象爲li.selected元素和調用index()方法類似

$('button').click(function(){ 
 
    $('pre').text($('li.selected').index()) 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>1</li> 
 
    <li class="selected">2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
</ul> 
 
<button>Get Index</button> 
 
<pre></pre>

+0

這樣做可行,但如果超過頁面上的'li.selected'元素可能會失敗。編輯:OP談到點擊一個按鈕(也許不相關的任何UL),我猜猜點擊其他LI元素,所以忘記我的評論:) –

+0

@ A.Wolff'$('#a ul> li.selected' )'? –

+0

@JenniferAniston問題是你在特定時間有獨特的元素LI與'selected'類嗎?如果你只是使用這個答案提供的代碼 –

0

你應該做

$('li.selected').index(); 

而且在一個按鈕上點擊

$("button").click(function(){ 
    alert($('li.selected').index()); 
});