在按钮上点击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);
});
});
您标记的jQuery所以我假设它的确定为您收到使用jQuery的答案。尝试类似于:
$('button').click(function(){
var phoneNumber = $(this).closest('.phone').find('span').text();
});
没有运气与上面的代码.. –
感谢他现在正在工作.. –
@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">
这就是我需要的。谢谢。 –
欢迎SO。请阅读[如何问一个好问题](http://*.com/help/how-to-ask)和[如何创建一个最小,完整和可验证的示例](http://*.com/help/MCVE)。 SO是**不是免费的编码或代码转换或调试或教程或库查找服务**。你还必须证明你已经努力解决你自己的问题。 –
@Sams Onela感谢您的建议,非常感谢。 –
加入你的JavaScript,你已经尝试到目前为止 – neophyte