私は何をしたいのですか（jquery）

Question

タイトルは多分誤解を招くかもしれませんが、私はそれを説明しようとします。

$select = "SELECT ... from ..."; 
$data = mysqli_query($connect, $select); 
$count = 0; 
echo "<table> 
     <tr> 
      <th>#</th> 
      <th>Name</th> 
     </tr>"; 
while ($query = mysqli_fetch_array($data)) { 
      $counter++; 
      echo "<tr> 
      <th>{$counter}</th> 
      <td>{$query["name"]}</td> 
      <td><a href='xxx.php?id={$query["id"]}'><i class='ion-edit'></i></a><i class='ion-close-round'></i> 
<div class='modal'> //modal have of course display none! 
    <div class='mContent'> 
    <div class='mHeader'> 
     <h2>Modal Header</h2> 
    </div> 
    <div class='mMiddle'> 
     <a href='xxx.php?id={$query['id']}'>delete</a> 
    </div> 
    <div class='modal-footer'> 
     <h3>Modal Footer</h3> 
    </div> 
    </div> 
</div></td></tr>"; 
} 
echo "</table>\n"; 

： My table of users と私は私がオープンしたいクロスをクリックするとテーブルだけで #として例えば idでDIV（ID = 1、ID = 2 ...）だからここ

は私のPHPコードであります

のjQuery：

$('.ion-close-round').on('click', function() { 
$('.modal').css("display", "block"); 
}); 

このスクリプトはもちろんのすべてのモーダルを "開く"、しかし、私は唯一の指定したid

でモーダルオープンします

ご協力ありがとうございました

Answer 1

あなたは.ion-close-round

$('.ion-close-round').on('click', function() { 
$(this).next('.modal').css("display", "block"); 
}); 

Answer 2

セレクター。クラスセレクタです。 、それだけでうまくいく

あなたは、あなたのIDが「モーダル」ですので、＃

IDセレクタが与えられたIDを持つことができ、HTMLページ上の唯一の要素として厳しいですIDセレクタを使用したいです最初の要素はIDのモーダルです。