aタグの文字列が取得できません

Question

やりたいこと

cccccという文字列が何番目にあるか取得したい

<div id="Tab_container">
  <ul>
    <li><a href="#">aaaaa</a></li>
    <li><a href="#">bbbbb</a></li>
    <li><a href="#">ccccc</a></li>
    <li><a href="#">ddddd</a></li>
  </ul>
</div>

(function(){
var $tabnames = $('#Tab_container ul li');
var $tabnamesNum = $('#Tab_container ul li').length;
for(let i=0;i<$tabnamesNum;i++){
	if ($tabnames[i].indexOf('ccccc') !== -1) {
		console.log(i)
	} 
}
})();

エラーの内容

$tabnames[i].indexOf is not a function ...
indexOfという命令が使用できないようです。
他にもtext()などで取得しようとしましたが取得できず詰んでいます。
どうすればよいでしょうか？