Javascript 在按钮上，单击将div内部html分配给输入字段值

我想要的是当有人点击按钮时，将电话号码设置为输入值。块是一个循环，其中显示不同的电子邮件和电话号码。如果有人在某个特定块中单击一次，则仅从该块中获取电话号码。谢谢

<div class="block">
     <div class="phone"><span>+1234567</span></div>
     <div class="email">
          <span>email@email.com</span>
          <button>CLick</button>
     </div>
</div>

<div class="block">
     <div class="phone"><span>+7696686</span></div>
     <div class="email">
          <span>another@email.com</span>
          <button>CLick</button>
     </div>
</div>

<div class="block">
     <div class="phone"><span>+897979877</span></div>
     <div class="email">
          <span>email2@email.com</span>
          <button>CLick</button>
     </div>
</div>
<input type="text" value="" id="phone">

---

您标记了jQuery，所以我假设您可以使用jQuery接收答案。尝试类似于：

$('button').click(function(){
   var phoneNumber = $(this).closest('.phone').find('span').text();
});

试试这个-

jQuerydocument.readyfunction${ $.block.eachfunction{ $this。查找“按钮”。单击函数{ var contents=$this.parents'.block'.find'.phone span'.text； $phone.valcontents； }; }; }; +1234567 email@email.com 点击 +7696686 another@email.com 点击 +897979877 email2@email.com 点击

---

欢迎来到SO。请阅读和阅读。因此，这不是免费的编码、代码转换、调试、教程或库查找服务。您还必须表明您已经为解决自己的问题做出了一些努力。@Sam Onela感谢您的建议，非常感谢。添加您已经尝试过的javascriptfar@SajjadAhmad很高兴听到。如果此答案对您有效，您可以通过单击投票箭头下的复选标记来接受。我试图接受您的答案，但由于声誉限制，堆栈溢出不允许我接受。我需要至少15%的声誉来接受你的回答。这就是我需要的。非常感谢。

$('button').click(function(){
   var phoneNumber = $(this).closest('.phone').find('span').text();
});