php - 如何找到其中包含特定文本的 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。我需要知道包含文本 Happy Land 的 li 的索引值。这样我就可以在我的其他函数中使用它， tabClick($("#vertical-tabs li:eq(1)")); 其中 eq(1) 是索引值。我需要根据其中的文本动态更改它。

Answer 1

试试.index()喜欢

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

Ids并确保独一无二。

Orelse 你也可以试试:contains喜欢

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

Answer 2

您可以使用.index()

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

演示：小提琴

更准确的版本将是

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

console.log('index', index)

演示：小提琴