Javascript 将jQuery绑定到多个元素

我正在用一些数据填充一个表。我不知道这个表包含多少行。每一行都有一个链接，单击该链接可显示所述行的详细信息

现在，我希望将单个jQuery绑定到每个超链接。此函数将接收每行的唯一id；并执行ajax以获取该行的更多数据：

以下是id为实际数字的HTML的外观：

<a id="view-id">
    <img src="/resources/assets/graphics/view.png" class="action-button" alt="View" title="View" />
</a>

$(document).on('click', '#view-id', function() {
    //Do Something
});

因为我不知道我会有多少排；如何将jQuery函数绑定到每个超链接元素

我在某个地方读到，我可以做到以下几点：

$(document).on('click', '#view-1,#view-2,#view-3', function() {

但这似乎不是很有效。你知道我该往哪个方向走吗。请记住，表内容是通过AJAX调用加载的：

---

谢谢。

为什么不给每个元素添加一个类，并使用类选择器绑定它们

<a id="view-id" class="view-item">
<img src="/resources/assets/graphics/view.png" class="action-button" alt="View" title="View" /></a>

$(document).on('click', '.view-item', function() {
    //Do Something
});

---

为什么不给每个元素添加一个类，并使用类选择器绑定它们呢

<a id="view-id" class="view-item">
<img src="/resources/assets/graphics/view.png" class="action-button" alt="View" title="View" /></a>

$(document).on('click', '.view-item', function() {
    //Do Something
});

---

向所有元素添加一个类，然后使用该类以锚元素为目标

<a id="view-id" class="view-id">
    <img src="/resources/assets/graphics/view.png" class="action-button" alt="View" title="View" />
</a>

---

向所有元素添加一个类，然后使用该类以锚元素为目标

<a id="view-id" class="view-id">
    <img src="/resources/assets/graphics/view.png" class="action-button" alt="View" title="View" />
</a>

---

为要绑定的元素指定一个类，并使用选择器中的类名选择该类的所有元素。$this将引用单击的对象，此时您可以执行$this.id以获取单击对象的id

HTML:

---

为要绑定的元素指定一个类，并使用选择器中的类名选择该类的所有元素。$this将引用单击的对象，此时您可以执行$this.id以获取单击对象的id

HTML:

对多个id为的元素或绑定事件的元素使用逗号

---

将逗号与id为的多个元素或绑定事件的元素一起使用。

在这种情况下，通常使用类选择器。如果需要了解侦听器函数中的特定id，您仍然可以检索使用this.id单击的元素的id。请记住，最好将单击处理程序绑定到不会删除的最近元素，而不是仅使用文档。在这种情况下，通常使用类选择器。您仍然可以检索使用this.id单击的元素的id，以防需要知道侦听器函数中的特定id。请记住，最好将单击处理程序绑定到不会被删除的最近元素，而不仅仅是使用文档。这将在启动函数时起作用。但我如何知道是哪一个独特的链接这样做的呢？我仍然需要唯一的ID来进行AJAX调用。可以通过$this.ID访问该ID。请参阅我答案中的示例。这将在启动函数时起作用。但我如何知道是哪一个独特的链接这样做的呢？我仍然需要唯一的ID来进行AJAX调用。可以通过$this.ID访问该ID。见我答案中的例子。

$(document).on('click', '.class-name', function() {
    // 'this' references the item clicked.
    alert(this.id + ' is the ID clicked.');
});

$('#abc, #xyz, #pqr').bind('click', function () {
      alert("hello");
});