foreachループからjqueryにタグIDを取得

Question

私はデータベースからフェッチされたすべての顧客の請求書リンクを持っています。

foreach ($customerTables as $value) { 
<td><a id='show' href='invoice.php?invoice=$value->id'>Invoice</a></td> 
} 

ので、請求書のリンク上のユーザーのクリックが、私は従う

<p><i class="fa fa-cog fa-spin fa-3x fa-fw"></i> 
<span class="sr-only">Loading...</span></p> 

としてロードページを表示したいと私はJavaScriptを使用は、次のとおりです。

$(document).ready(function(){ 
    $("p").hide(); 
}); 
$("#show").click(function(){ 
    $("p").show(); 
}); 

が、それだけで動作します請求書リンクの最初の行のために。どのように私は請求書のすべての文字列のためにこれを動作させることができますか？ご協力いただきありがとうございます！

Answer 1

これは、クラスの代わりにIDを使用するためです。 IDはユニークであると考えられているので、jqueryは最初の発生に重点を置いています。

はで

class='show' 

と

$("#show").click(function(){ 

によって

id='show' 

を交換しようと

$(".show").click(function(){ 

Answer 2

あなたは

foreach ($customerTables as $value) { 
<td><a class='show' href='invoice.php?invoice=$value->id'>Invoice</a></td> 
} 

はまた、あなたがクリックした時に/非表示を表示する必要がpタグのクラスまたはIDを与える必要があり、その一つのページに同じid複数の時間を使用し、以下のようなクラスで置き換えカントリンク。あなたが直接/ショーpタグを非表示にした場合、それはあなたが以下のようなものを使用することができますpage.Soその内部に他のすべてのpタグ、そして、

<p class="loader"><i class="fa fa-cog fa-spin fa-3x fa-fw"></i> 
<span class="sr-only">Loading...</span></p> 

に影響しますので、あなたはこのようなあなたのJSコードを書くことができ

$(document).ready(function(){ 
    $("p.loader").hide(); 
}); 
$(".show").click(function(){ 
    $("p.loader").show(); 
});