Offen nur div was ich will (jquery)

Question

Titel ist vielleicht irreführend, aber ich versuche es zu erklären. My table of users und wenn ich auf dem Kreuz klicken ich offen will nur mit id zum Beispiel als # in Tabelle (id = 1, id = 2 ...)

So, hier ist mein PHP-Code div:

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

dieses Skript "offen" jeden modal natürlich, aber ich mag mit angegebener ID

nur offen modal

Danke für Ihre Hilfe alle

Answer 1

können Sie $.next() verwenden, um die .modal Ziel, das nach dem .ion-close-round

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

Answer 2

Der Selektor. ist ein Klassenselektor.

Sie möchten die ID-Auswahl verwenden, die #

Der ID-Selektor ist strenger als nur ein Element auf einer HTML-Seite kann eine gegebene ID haben, so dass Ihre ID ‚Modal‘ ist, wäre es nur auf Arbeit das erste Element mit der ID von modal.