如何使用 onclick 调用类方法？答案

【问题标题】：How to call a class method using an onclick?如何使用 onclick 调用类方法？
【发布时间】：2018-03-22 18:01:24
【问题描述】：

所以我定义了一个类似这样的初始化函数：

init: function() {
$("#editRow").click(function() {
<code>
}
$(".removeRow").click(function() {
<code>
 }
}

所以，我想知道是否可以在 onclick 事件本身中调用类方法 removeRow？基本上我想要做的是当我的按钮被点击时调用类方法removeRow。
```
var d = '<a href="javascript:void(0)" class="btn btn-xs btn-danger delete-new-row removeRow"><i class="material-icons md-18" title="Delete">delete</i></a>';
```

每当我单击该按钮时，我都会收到一条错误消息，指出未定义 removeRow()。所以我想找出一种方法来通过按下按钮调用 removeRow。

如果我想在不同的 onclick 事件中调用 editRow，我会采用与 removeRow 相同的方式还是需要不同的方式？

感谢您的帮助！

【问题讨论】：

你是动态添加行吗？
听起来很有趣，是什么阻止了你？
我根据您让我感到困惑的问题标题以及您未指定的问题正文投了反对票
你想调用绑定到类名".removeRow"的元素的处理程序吗？
“叫一个班级”是什么意思？类只是附加到 DOM 元素的标签，它没有任何可以“调用”的功能。

标签： javascript jquery treegrid

【解决方案1】：

你在你的 jQuery 中忘记了 "。它需要看起来像 $(".removeRow").click(function() { <code> }，并且你正在尝试访问 .removeRow，这意味着你正在定位一个类，所以你需要添加 var d = '<a> href="javascript:void(0)" class="removeRow"</a> 然后您的 HTML 中不需要 onClick 函数，因为如果您的目标是按钮类，jQuery 将执行 onClick 函数。

【讨论】：

看，我这样做了，但我收到一条错误消息，提示未定义 removeRow。

【解决方案2】：

removeRow 不是函数

你可以改用这个：

$('.removeRow').click(function() {
  $( this ).remove();
)

更多参考：https://api.jquery.com/click/

如果您想在单击按钮时删除行：

$(<your-button-selector>).click(function() {
  $(<your-class-selector>).remove();
)

【讨论】：

我已经点击了，即使看起来像这样。但是当我的按钮被点击时，我将如何调用类？因为当我单击按钮时，我收到一条错误消息，提示“removeRow”未定义。
那是因为没有名为“removeRow”的函数。类和函数不是一回事。
你不能在javascript中调用一个html类，你想在点击删除按钮时删除行吗？
我已经有一个在 removeRow 内部处理该问题的函数，我只是想知道如何访问该类而不会收到“removeRow”未定义的错误。
不能调用html类

【解决方案3】：

让我看看我是否理解你的问题。

你想调用里面的代码吗？

$(".removeRow").click(function() {
<code>
 }

要实现该结果，您可以使用“假”点击该类的元素

$('.removeRow').click();

【讨论】：

我正在尝试在 onclick 事件中调用类方法 removeRow，以便删除该行。