jQuery方法链- so $（“.sendToBox1”）.on（“click”）== $（“.sendToBox1”）（有点像，不完全是），所以if语句是if（jquery_is_an_object），它总是这样。
不要认为 “如果box 1被单击”，而要认为它是“* 当box 1被单击时 *"，这只是另一个事件处理程序。
在不过多更改代码概念的情况下，这看起来与您的预期相符：

$(document).ready(function() {
  var $input1 = $('.textField');

  var $sendToBox;
  var $selectedBox;

  $(".sendToBox1").on("click", function() {
    $selectedBox = $(".box1");
  });
  $(".sendToBox2").on("click", function() {
    $selectedBox = $(".box2");
  });

  $(".sendToBox1,.sendToBox2").click(function() {
    $($selectedBox).append($input1.val());
    $input1.val('');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input class="textField" type="text">

  <div class="sendToBox1">send to box 1</div>
  <div class="sendToBox2">send to box 2</div>
  
  <div class="box1">box 1</div>
  <div class="box2">box 2</div>

但是，这感觉不太对，因为同一个事件有多个click处理程序，相反，将“send to”部分移到它自己的函数中，并从事件处理程序中调用：
一个二个一个一个
这就引出了下一步：如果你想添加send to / box 3，重复同样的代码，把代码写成数据驱动的：

$(document).ready(function() {
  var $input1 = $('.textField');

  $(".sendTo").on("click", function() {
    var box = $(this).data("sendto");
    $(`[data-box='${box}']`).append($input1.val())
    $input1.val("");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input class="textField" type="text">

  <div class="sendTo" data-sendto='box1'>send to box 1</div>
  <div class="sendTo" data-sendto='box2'>send to box 2</div>
  
  <div data-box="box1">box 1</div>
  <div data-box="box2">box 2</div>

现在，当需要添加另一个框时，您只需添加：

<div class="sendTo" data-sendto='box3'>send to box 3</div>
<div data-box="box3">box 3</div>

并且不进行任何代码更改。
在本例中，即使您从未添加第三个框，代码仍然更加简洁。