Открыть только div, что я хочу (jquery)

Question

Название, возможно, вводит в заблуждение, но я прошу вас объяснить это. My table of users и когда я нажимаю на кресте Я хочу открыт только Div с id, например, как # в таблице (ID = 1, ID = 2 ...)

Так вот мой PHP код:

$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"; 

Jquery:

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

этот сценарий «открыть» все режимные конечно, но я хочу открыто только модальный с заданным идентификатором

Спасибо за вашу помощь Все

Answer 1

Вы можете использовать $.next() для нацеливания .modal, которая приходит после того, как .ion-close-round

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

Answer 2

Селектор. является селектором классов.

Вы хотите использовать селектор ID, который #

Селектор ID строже, как только один элемент на HTML-странице может иметь заданный идентификатор, так что ваш идентификатор «модальный», он будет работать только на первый элемент с идентификатором модального.