javascript - 如何从另一个函数绑定(bind) Dom $(this)

Question

您能否看一下这段代码，让我如何在 dom 事件内的外部函数中绑定(bind) $(this) ？

$(".adder").on("click", function(){
    updateText();
});

function updateText(){
   $(this).next(".mapper").html("Got You!");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="container">
<div class="btn-group" role="group" aria-label="...">
  <button type="button" class="btn btn-default adder">Left</button>
  <button type="button" class="btn btn-default mapper">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>
<div class="btn-group" role="group" aria-label="...">
  <button type="button" class="btn btn-default adder">Left</button>
  <button type="button" class="btn btn-default mapper">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>  

</div>

Answer 1

您应该能够将其作为参数传递:

$(".adder").on("click", function(){
    var node = $(this);
    updateText(node);
});

function updateText(node){
   node.next(".mapper").html("Got You!");
}