Question

标题可能具有误导性，但我试着解释一下。 My table of users 当我点击十字架时，我想只打开id div，例如表{id = 1，id = 2 ...}

所以这是我的PHP代码：

Jquery的：

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

这个脚本当然是“打开”每个模态，但我想要只打开给定id的模态

感谢您的帮助

Answer 1

选择器。是一个类选择器。

您想使用ID

的ID选择器

ID选择器更严格，因为HTML页面上只有一个元素可以具有给定的ID，因此您的ID是“模态”，它只适用于ID为模式的第一个元素。

Answer 2

您可以使用$.next()定位.modal之后的.ion-close-round

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

打开我想要的div（jquery）

2 个答案: