Question

我无法使用Jquery找出如何使用按钮重置div的内容。目前，当.button被按下时，我得到一个随机字母三个div。到目前为止一直很好，但是，当再次按下它时，第一个字母停留并添加另一个字母。我需要第一个结果消失并显示一封新信。这是我的代码..

$(document).ready(function() {
  $('.button').click(function() {
    var itemList = new Array("A", "B", "C", "D", "E");
    var randomItem = Math.floor(Math.random() * (itemList.length));
    $('.random1').append(itemList[randomItem]);
    var randomItem = Math.floor(Math.random() * (itemList.length));
    $('.random2').append(itemList[randomItem]);
    var randomItem = Math.floor(Math.random() * (itemList.length));
    $('.random3').append(itemList[randomItem]);
  });
 $('.reset').on('click', function(){
    $(".random1").trigger("reset");
  });
});

Answer 1

这是因为您正在使用.append(val)方法，该方法会将新数据附加到元素末尾的旧数据中。如果您希望清除元素中的旧数据，请使用.text(val)方法。

例如，您可以更改此行：

$('.random1').append(itemList[randomItem]);

要：

$('.random1').text(itemList[randomItem]);

Answer 2

Spencer让你排序，但除了使用app.get('/', function(req, res) { var pageQuery = new Parse.Query('Page'); pageQuery.get('id').then(function(page) { someObject.undefinedProp = false; // the error thrown here will be caught by the Promise object // and will only be available to the catch callback below res.send(page); }, function(error) { // this second callback passed to the then method will only // catch errors thrown by the pageQuery.get method, not errors // generated by the preceding callback res.send(error); }).catch(function (err) { // the err in this scope will be your ReferenceError doSomething(err); }); });而不是.text()来修复你的主要问题之外，我还要提一下，你也可以使用{{1}来简化你的代码。像这样：

＆＃13;

.append()

＆＃13;

.each()

＆＃13;

使用Jquery重置div内容

2 个答案: