如何实现htmlinnerHTML+=的jQuery模拟?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (57)

我需要从按钮到文本位置的值,我这样做。

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

但它只是替换了我需要的文本,当我需要+这个值时。等值是5然后再来+ 5所以它将是55。

提问于
用户回答回答于

而不是:

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

你要用:

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

例子:

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

用户回答回答于

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

这是一个JavaScript/jQuery混合,我希望这是可以的,但是还有一个纯jQuery方法:

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

扫码关注云+社区

领取腾讯云代金券