php - 找到被点击元素的ID？

Question

好吧，我不确定是否有人问过这个问题，我到底是怎么做的，但如果是的话，抱歉。

基本上，我的列表中有 10 个项目。

通过运行此查询:

public function get10items()
{
    $this->query = $this->pdo->prepare("SELECT * FROM items LIMIT 10");
    $this->query->execute();

    while ($row = $this->query->fetch(PDO::FETCH_ASSOC))
    {
        echo '<li id="'.$row['id'].'">'.$row['name'].'</li><br />';
    }
}

这会将数据库中的 10 个项目列出到“

”中。 这还将为每个项目设置一个 id，并使用它自己的编号，就像在数据库中一样。

现在，使用 jquery，我希望 jquery 找到被单击项目的 ID 号。

例如我们的列表:

Hello! [id55]
Hai! [id66]

我点击了项目“Hello!”。 如何使用jquery在点击时找到它的ID，然后将其用于将来的使用？ 例如，使用该 id 发送 ajax 查询等？

<ul class="list">
<?php echo $class->get10items(); ?>
</ul>

所以基本上我可以使用这个:

$(".list").on("click", "li", function() {
    $.post("ajax.php", { get : this.id }, function() {
      blablabla
    });
});

正确吗？

Answer 1

这将为页面上每个带有 li 的 ul 触发。如果 ul 有 ID，您可以深入了解。

//Using event delegation since not sure when these items are being added
$("ul").on("click", "li", function() {
    console.log(this.id);
});