javascript - 这段 Javascript 代码片段可以通过 jQuery 进一步简化吗？

Question

我有以下 Javascript 片段，它只是将 onclick 附加到按钮，然后更新其下面的 em 标签的文本。我慢慢地尝试 self 教育并更多地使用 jQuery，因为我发现更喜欢它的语法，并且对于某些任务来说，使用它更令人愉快。

我发现的一些最好的例子来自 Stackoverflow，所以我再次来到这里，看看如何使用 jQuery 重构和改进它；有什么想法吗？

$$('em.green').each(function(em) { 
  em.up('button').onclick = function() { 
    em.update('Saving...') 
  }; 
});

谢谢!

Answer 1

试试这个，稍微短一点:

$('button').click(function(i, button) { 
  $(button).closest('em.green').html('Saving...');
});

使您不必循环遍历每个 EM，然后绑定(bind) onclick。也可能有助于向按钮添加一个类，这样您就不必绑定(bind)到页面上的每个按钮，以防万一还有其他按钮。