如何查找其中包含特定标记的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)
    }

});