내부에 특정 태그가있는 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) 
    } 

});