如何找到裏面有一個特定標籤的li標籤的索引

Question

<ul class="pagination"> 
<li>text</li> 
<li>text</li> 
<li>text</li> 
<li>text</li> 
<li>text</li> 
<li> 
<span>text</span> 
</li> 
<li>text</li> 
<li>text</li> 

我需要得到具有<span>作爲孩子的li標籤的索引。我試過這樣的東西

var page_no=$('.pagination'); 
     if(page_no.find('span').length>0) 
     { 
      var parent1=$(this).parent('li'); 
      var index=page_no.index(parent1); 
      alert(index); 
     } 

但給我一個-1輸出！ 請幫忙!!!提前致謝！

Answer 1

您可以使用.has()/:has-selector

var index = $('ul.pagination li').has('span').index(); 
var index = $('ul.pagination li:has(span)').index(); 

演示：Fiddle

Answer 2

試試這個，

演示Fiddle

$('.pagination li').each(function(index){ 
    if($(this).has("span").length > 0){ 
    alert(index) 
    } 

});