jquery - 如何将事件绑定(bind)到 AHAH 请求的 HTML 中的链接组

Question

我有一个 AHAH 请求的 HTML，例如:

<table>
<tr>
    <td>...</td>
    <td><img src="..." onClick="get_next_ahah(sell####)" id="sell####"/></td>
</tr>
<tr>
    <td>...</td>
    <td><img src="..." onClick="get_next_ahah(sell####)" id="sell####"/></td>
</tr>
... and so on

其中 #### - 来自数据库的数字 ID。 如何替换高效的事件编写 jQuery 函数中的函数“get_next_ahah()”？我怎样才能知道我使用的是哪个ID？

Answer 1

您可以使用一种相当晦涩的 CSS 选择器形式来获取 ID 包含文本“sell”的所有元素，然后使用它为它们分配事件:

$("[id^=sell]")

或者，如果元素都保证是 img，您可以使用这个更具体的选择器:

$("img[id^=sell]")

这些选择器都将返回 ID 中包含“sell”的元素数组，您可以对其调用 click()。

要找出当前 ID，您只需从 ID 中删除“sell”，然后将其传递给您的 get_next_ahah() 函数，如下所示:

$("img[id^=sell]").click(function() {
    get_next_ahah(this.id.replace('sell', '');
});