在按钮上点击div div inner html输入字段值

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

<div class="block"> 
    <div class="phone"><span>+1234567</span></div> 
    <div class="email"> 
      <span>[email protected]</span> 
      <button>CLick</button> 
    </div> 
</div> 

<div class="block"> 
    <div class="phone"><span>+7696686</span></div> 
    <div class="email"> 
      <span>[email protected]</span> 
      <button>CLick</button> 
    </div> 
</div> 

<div class="block"> 
    <div class="phone"><span>+897979877</span></div> 
    <div class="email"> 
      <span>[email protected]</span> 
      <button>CLick</button> 
    </div> 
</div> 
<input type="text" value="" id="phone">

这里是我的代码：

jQuery(document).ready(function() { 
    jQuery(".block button").click(function() { 
     var contents = jQuery(this).find(".phone span").text(); 
     jQuery("#phone").val(contents); 
    }); 
});

来源

2017-02-11 Sajjad Ahmad

欢迎SO。请阅读[如何问一个好问题]（http://stackoverflow.com/help/how-to-ask）和[如何创建一个最小，完整和可验证的示例]（http://stackoverflow.com/help/MCVE）。 SO是**不是免费的编码或代码转换或调试或教程或库查找服务**。你还必须证明你已经努力解决你自己的问题。 –

@Sams Onela感谢您的建议，非常感谢。 –

加入你的JavaScript，你已经尝试到目前为止 – neophyte

您标记的jQuery所以我假设它的确定为您收到使用jQuery的答案。尝试类似于：

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

来源

2017-02-11 07:50:21

没有运气与上面的代码.. –

感谢他现在正在工作.. –

@SajjadAhmad很好听。如果此答案适用于您，则可以通过单击投票箭头下方的复选标记来接受该答案。 –

尝试这个 -

jQuery(document).ready(function($) { 
 
    $(".block").each(function() { 
 
     $(this).find('button').click(function(){ 
 
      var contents = $(this).parents('.block').find('.phone span').text(); 
 
      $("#phone").val(contents); 
 
     });   
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="block"> 
 
    <div class="phone"><span>+1234567</span></div> 
 
    <div class="email"> 
 
      <span>[email protected]</span> 
 
      <button>CLick</button> 
 
    </div> 
 
</div> 
 

 
<div class="block"> 
 
    <div class="phone"><span>+7696686</span></div> 
 
    <div class="email"> 
 
      <span>[email protected]</span> 
 
      <button>CLick</button> 
 
    </div> 
 
</div> 
 

 
<div class="block"> 
 
    <div class="phone"><span>+897979877</span></div> 
 
    <div class="email"> 
 
      <span>[email protected]</span> 
 
      <button>CLick</button> 
 
    </div> 
 
</div> 
 
<input type="text" value="" id="phone">

来源

2017-02-11 13:30:46

这就是我需要的。谢谢。 –

在按钮上点击div div inner html输入字段值

回答

相关问题