如何查找包含特定文本的li的索引值？

Question

<div id="vertical-tabs"> 
     <ul class="tabs"> 

      <li id="tbli" ><a href="bid=32&bname=City+Cinema&cid=11" target="__blank">City Cinema</a></li> 

      <li id="tbli" ><a href="bid=33&bname=Happy+Land&cid=11" target="__blank">Happy Land</a></li> 

      <li id="tbli" ><a href="bid=34&bname=I+Race&cid=11" target="__blank">I Race</a></li> 

     </ul> 
</div> 

以上是我的html.I需要知道包含文字Happy Land的li的索引值。所以我可以在我的其他功能中使用它 tabClick($("#vertical-tabs li:eq(1)"));其中eq（1）是索引值。我需要對其中的文本進行動態更改。

Answer 1

您可以使用.index()

$('li:contains(Happy Land)').index() 

演示：Fiddle

更準確的版本將是

var index = $('.tabs li').filter(function(){ 
    return $.trim($(this).text()) == 'Happy Land' 
}).index(); 

console.log('index', index) 

演示：Fiddle

Answer 2

嘗試.index()像

$('.tabs li a').each(function(){ 
    if($(this).text() == "Happy Land") { 
     alert($(this).index()); 
    } 
}); 

而且makesure這Ids是獨特。

否則容易你也可以用:contains嘗試像

var indx = $('.tabs li a:contains("Happy Lane")').index() 
alert(indx);