javascript - jQuery $(this) 在函数内部时不起作用

Question

我有一个简单的功能，可以复制一些 html，并将其放在另一个 div 中。如果我将函数的代码放在单击事件中，它可以正常工作，但是当我将它移到一个函数中(在多个地方使用)时，它就不再起作用了。你知道这是为什么吗？

如果我 console.log($(this));在函数中它返回窗口元素。

 function addHTMLtoComponent () {
        var wrapper = $(this).closest(".wrapper");
        var component = $(wrapper).find(".component");
        var componentCodeHolder = $(wrapper).find('.target');   

         $(componentCodeHolder).text(component.html())
      //console.log($(this));
 }

 $(".js_show_html").click(function () {
     addHTMLtoComponent();
 });

代码笔在这里 - http://codepen.io/ashconnolly/pen/ebe7a5a45f2c5bbe58734411b03e180e

我应该以不同的方式引用 $(this) 吗？

Answer 1

关于其他答案，我只需要放一个最简单的:

$(".js_show_html").click(addHTMLtoComponent);