javascript - jQuery 和 HTML 切换按钮

Question

我有以下代码：

echo "<button type=\"button\" class=\"btn btn-link\" onclick=\"personchange('{$row['first_name']}')\">{$row['first_name']}</button>";

我要做的是从数据库中读取所有名称并为每个名称创建一个按钮。当用户单击名称时，我想调用personchangeJavascript 函数，该函数有效，并向按钮添加一个类以更改其外观（以便用户知道当前选择了哪个名称）。我知道我们必须使用 jQuery 来添加类，但是我怎么知道我在 jQuery 中选择了哪个按钮？

Answer 1

您可以在单击时向按钮添加一个类，如下所示：

$('.btn').click(function() {
    $(this).addClass('clicked');
});

那是你要找的吗？

Answer 2

您可以在每个按钮上设置一个 id 属性，并在 onclick() 函数中添加该 id 作为参数。然后，您可以通过其 id 访问该按钮。

Answer 3

因为我们正在做 icky-inline JavaScript：

onclick="personchange(...); this.className += ' clicked';"