Jquery analogue for html innerHTML + =

Question

我需要将值从按钮放在文本位置。我这样做.
text($(button).val());
但是当我只需要+这个值时，它只是替换我需要的文本。就像值是5然后又+ 5，所以它会55.

Answer 1

而不是：

.text($(button).val());

您可以使用：

.text( 函数(：其中函数返回要设置的文本内容。接收集合中元素的索引位置和旧文本值作为参数。

举个例子：

$('#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>

Answer 2

如果要获取按钮的内容，然后添加到其中，则需要执行以下操作。假设按钮如下所示：

<button id="someButton">5</button>

您想向其添加 5，因此按钮显示 10。

var buttonText = parseInt($("#someButton").text()) + 5; //results in 10
$("#someButton").text(buttonText);

如您所见，我使用parseInt来确保数字被视为整数，以便您可以对其执行加法。

Answer 3

function addText () {
document.getElementById('paragraph').innerHTML += $('#buttonID').val();
}

试试这个。这+=内部 HTML 而不是重新分配。它是一个JavaScript/jQuery混合体，我希望没问题，但是也有这个纯jQuery方法，它使用@Patrick Evans提到的.append((方法。

$(document).ready(function () {
$('#paragraph').append($('#buttonID').val());
});

希望这有帮助。

Answer 4

如果您只想附加值：

<button class="display-value">5</button>
<button id="plus">+</button>

现在你可以在jQuery中做到这一点：

$('#plus').on('click' , () => {
let val = $('.display-value').text();
$('.display-value').text((val + val));
return false;
});

如果您想执行数学运算，则必须使用parseInt.

$('#plus').on('click' , () => {
let val = parseInt($('.display-value').text());
$('.display-value').text((val + val));
return false;
});