我有一个类似于这样的 HTML:
<div class="ajax_table_container">
<table>
<tr>
<td><a href="ajax.php?action=delete&id=1" class="delete_element">DELETE</a></td>
</tr>
<tr>
<td><a href="ajax.php?action=delete&id=2" class="delete_element">DELETE</a></td>
</tr>
</table>
</div>
和 javascript:
$("div.ajax_table_container").on("click", "a.delete_element", function (event) {
var adr = $(this).attr("href");
$(event.delegateTarget).html("TEST");
return false;
});
在实际应用程序中,我正在从单击的链接中提供的地址重新加载 ajax 请求的内容。
不过,我的问题是,我使用最好的方法来获取主 div (使用 class ajax_table_container
)。我说的是片段:event.delegateTarget
. 有没有更好的方法在 jQuery 中获取它?(顺便说一句。我不想在$('div.ajax_table_container')
这里使用 - 一页上可能有几个这样的 div)
编辑:在得到一些答案并检查谷歌后,我想将自己标记为重复;-) 这里:如何使用 jquery.on('click') 获取父选择器,基于单击的元素