表示されているIDを持つすべてのハイパーリンクを選択してください

Question

私のページにはこのハイパーリンクがたくさんあります。それらのいくつかは目に見え、いくつかは隠されています。

<a class="close-reveal-modal" id="close_car2">&#215;</a> 
<a class="close-reveal-modal" id="close_car3">&#215;</a> 
<a class="close-reveal-modal" id="close_car4" style="display:none;" >&#215;</a> 

だから今、私はidが「close_」で始まり、インデックスを取得するには、ハイパーリンクに独自のテキストを割り当て、すべての可視ハイパーリンクを反復処理します。

これは私のコードのサンプルですが、動作しません。

$("a[id^='close_']").is(':visible').each(function (index) { 
     if(index=='0') 
     { 
      $(this).text('test'); 
     } 
    }); 

これを解決するにはどうすればよいですか？おかげ

Answer 1

は試してみてください。 "である（）" のドキュメントから

$("a[id^='close_']:visible").each(function (index) { 

：

他のフィルタリング方法とは異なり、.is（）は新しいjQueryの オブジェクトを作成できません。代わりに、変更なしでjQueryオブジェクト の内容をテストすることができます。

Answer 2

このような何かが

$('a[id*="close_"]').each(function(i){ 
    if($(this).is(':visible')){ 
     if(i == 0){ 
      $(this).text('Link One'); 
     } 
     if(i == 1){ 
      $(this).text('Link Two'); 
     }   
    }  
}); 

例に動作します：http://jsfiddle.net/xC4Fp/1