javascript - 如何在 javascript onclick 函数中使用 *this* 并使用 jquery 进行遍历

Question

我不知道这是否可行，但我正在尝试在 onclick javascript 函数中使用 this 以便在 jquery 中进行遍历。

HTML

<input type="text" />
<button onclick="javascript:$.addItem(this)">Add</button>

JS

$.addItem= function(e) {
   var n = parseFloat($(e).siblings('input').val());
};

这可能吗，还是我错过了什么？

Answer 1

将函数放入 jQuery 对象中没有意义，只需声明一个常规函数即可。

function addItem(e) {
  var n = parseFloat($(e).siblings('input').val());
};

不要在事件处理程序属性中使用 javascript: 协议(protocol)。当您将代码放入链接的 href 中时，会使用它。

<input type="text" />
<button onclick="addItem(this);">Add</button>

演示:http://jsfiddle.net/Guffa/q8b4e/