Question

我写了一个div并且set contenteditable是真的，所以它可以编辑。

<div id="editor" contenteditable="true"></div>

首先我在其中写了一些东西，比如＆＃34;你好＆＃34; 打开控制台我看到代码已更改为

<div id="editor" contenteditable="true">hello</div>

但是当我清除了我在这个div中的输入并再次输入新内容时，我看到了控制台，代码是这样的：

<div id="editor" contenteditable="true">
    "hello"
    ""
</div>

和我删除的时间是""。

我在检测$("#editor").empty()时尝试DOMNodeRemoved，但它没有工作......

如何清空这个div？

Answer 1

只需使用以下代码清空div容器：

$("#editor").text('')

以下是为您清除容器的示例代码：

$('.clear').click(function(){
  $('#editor').text('')
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editor" contenteditable="true">
    "hello"
    ""
</div>
<button class="clear">clear</button>

Answer 2

非常简单

$('#editor').html('');

或

jQuery('#editor').html('');

试试这个

Answer 3

.html('')适用于您的情况。 $('#editor').html('');

要听取我们可以使用的更改：

$("#editor").on('DOMNodeRemoved', function(e) {
    console.log(e.target, ' => removed');
});

参见示例：

＆＃13;

setTimeout(function() {
$('#editor').html('');
}, 1000);

$("#editor").on('DOMNodeRemoved', function(e) {
    console.log(e.target, ' => removed');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editor" contenteditable="true">
    "hello"
    ""
</div>

＆＃13;

Answer 4

做这样的事情

$("#editor").text(""); - If this selector is a label
$("#editor").val(""); - If this selector is a input control

Sameway你可以为多个使用类名

做

$(".editorClass").text("");
$(".editorClass").val("");

我怎么能清空这个div？

4 个答案: