javascript - 使用 jQuery 动态元素

Question

正如我多年来所做的那样，我可以使用 PHP(从数据库获取信息)创建动态 HTML。

例如，假设我想动态创建 x 个链接，我的 PHP 脚本最终会回显:

<a id=link1 href=>Link 1</a>
<a id=link2 href=>Link 2</a>
//etc....

这很好。但是，如何处理这些按钮相对于 jQuery 代码的动态特性？假设我希望每个链接都显示一个警报“Hello World”:

$('#link1').click(function() {
                 alert("Hello World");
                 return false;
                });

我是否必须为每个使用 PHP 动态创建的链接复制此代码？我当然知道这不是正确的做法，但是我坚持什么是最好的使用方法

感谢您的帮助

干杯

Answer 1

不，您可以为链接分配一个类并使用它来附加点击功能

<a class='links' id=link1 href= '#' >Link 1</a>
<a class='links' id=link2 href='#' >Link 2</a>

$('a.links').click(function() {
                 alert("Hello World");
                 return false;
                });