javascript - 如何在 jQuery 中引用按钮？

Question

在 HTML 中，我有一个这样定义的按钮:

<button type="button" onclick="toggleEdit();">Edit</button>

在页面末尾，我有我正在处理的这个脚本:

<script language="JavaScript">
  <!--
  function toggleEdit() {
    var btn = $(this);
    var li = btn.parent();
    var textArea = li.children('.readOnly');
    ...
  }
  //-->
</script>

我无法引用我在脚本中单击的按钮。 btn 变量是一个对象，但除此之外我什么都不知道。

我在网上找到了很多使用这种方法的例子:

$(document).ready(function () {
   $('#buttonID').click(function () {
   ...

但我无法通过 ID 引用该按钮，因为它是动态添加的。那么，如何引用呢？谢谢。

Answer 1

按照您的方式行事，您必须告诉代码this 将引用按钮而不是实际函数。

为此，您只需向 toggleEdit 函数添加一个额外的参数即可。

新的 HTML 看起来像这样(不需要应用或调用函数):

<button type="button" onclick="toggleEdit(this);">Edit</button>

那么您的新 JavaScript 将如下所示:

<script language="JavaScript">
  <!--
  function toggleEdit(t) {
    var btn = $(t);
    var li = btn.parent();
    var textArea = li.children('.readOnly');
    ...
  }
  //-->
</script>