Question

我已经开始学习JQuery并编写脚本，当你按下按钮时，它会将该按钮值添加到div中。我做了一个 CLEAR 文本，当你按下它时会清除该div中的文本/数字，但问题是当你按下 CLEAR 时我按下应该添加X值的按钮进入该div它不打印它，我必须刷新页面。

CLEAR SCRIPT

$(document).ready(function(){
    $("p").click(function(){
        $(".total").remove();
    });
});

清除文字

<p>CLEAR</p>

DIV

<div id="div_number" class="total"></div>

编辑：

我还必须从value=""``

中删除Oh it can be my mistake, i also have to remove the value="" from

编辑2：

这是我制作的代码jsfiddle.net/utcs4L1h/

Answer 1

<强>更新

因此，根据您在jsfiddle上提供的代码，您只需在此之后添加：count = 0;：$('.total').empty();

$(".clear").click(function() {
    $('.total').empty();
    count = 0;
});

我一直关注未来的读者

您使用的是remove()，而不是empty()或text('')。

来自jQuery文档：

.remove( [selector ] )：从DOM中删除匹配元素集。
.empty()：从DOM中删除匹配元素集的所有子节点。
text()：获取匹配元素集合中每个元素的组合文本内容，包括其后代。

详细了解remove()，empty()还text()

Answer 2

改变这个：

$(".total").remove();

就此：

$(".total").html('');

如果要清除div，则不应将其删除，而只删除其内容。使用html('')执行此操作：）

Answer 3

使用empty（）而不是remove（）。

$('.total').empty();

在这个简单的例子中并不重要，但是empty（）比html（＆＃39;＆＃39;）更受欢迎，因为jquery会删除子节点上的事件处理程序/等。

Answer 4

我相信您正在寻找0px jQuery方法，而不是从DOM中删除您的元素。

CODE SNIPPET

＆＃13;

text()

＆＃13;

$(document).ready(function() {
  var $triggerX = $("#trigger-x"),
    $triggerClear = $("#trigger-clear"),
    $totalContainer = $("#div_number"),
    $hiddenInput = $("#form_number"),

    iNumber = 1000;

  $triggerX.on("click", function() {
    $totalContainer.text(iNumber);
    $hiddenInput.val(iNumber);
  });
  $triggerClear.on("click", function() {
    $totalContainer.text("");
    $hiddenInput.val("");
  });
});

＆＃13;

Jquery删除div中的文本/数字

4 个答案: