用于html的Jquery模拟innerHTML +=
用于html的Jquery模拟innerHTML +=
提问于 2017-08-08 02:29:40
我需要将值从按钮放到文本位置。我这样做。
text($(button).val());
但是它只是替换了我需要的文本，当我需要+的时候，这个value.Like的值是5，然后是+ 5，所以它将是55。
回答 4
Stack Overflow用户
回答已采纳
发布于 2017-08-08 02:39:15
而不是：
.text($(button).val());您可以使用：
.text( function )：where函数返回要设置的文本内容。将元素在集合中的索引位置和旧文本值作为参数接收。
举个例子：
$('#btn').on('click', function(e) {
var val = $(this).val();
$('#txt').text(function(idx, txt) {
return txt + val;
});
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="txt"></p>
<button id="btn" value="5">Click Me</button>
Stack Overflow用户
发布于 2017-08-08 02:36:36
如果您希望获取按钮的内容，然后添加到按钮中，则需要执行以下操作。假设按钮如下所示：
<button id="someButton">5</button>你想把它加5，这样按钮就会显示10。
var buttonText = parseInt($("#someButton").text()) + 5; //results in 10
$("#someButton").text(buttonText);正如您所看到的，我使用了parseInt来确保数字是一个整数，这样您就可以对其执行加法。
Stack Overflow用户
发布于 2017-08-08 02:37:12
function addText () {
document.getElementById('paragraph').innerHTML += $('#buttonID').val();
}
尝尝这个。将此+=分配给innerHTML，而不是重新分配。它是JavaScript/jQuery的混合体，我希望这没问题，但是还有一个纯jQuery方法，它使用了@Patrick Evans提到的.append()方法。
$(document).ready(function () {
$('#paragraph').append($('#buttonID').val());
});
希望这能帮上忙。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45553514
复制相关文章
相似问题