javascript - Javascript - 清除 div 中的所有内容

Question

我有 div：

<div id="socialUserList">
//some content here, htmlTags, text, etc.
</div>

现在，我希望删除该 div 中的所有内容。我正在尝试这个：

$("#socialUserList").innerHTML = '';

但由于某种原因，它不想工作。为什么？

Answer 1

普通的 JavaScript 方法：

document.getElementById('socialUserList').innerHTML = '';

在 jQuery 中：

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

---

纯 JavaScript 和 jQuery 齐头并进，就像这样：

从纯 JavaScript 到 jQuery：

var socialUserList = document.getElementById('socialUserList');
console.log($(socialUserList).html());

从 jQuery 到纯 JavaScript：

var socialUserList = $('#socialUserList');
console.log(socialUserList[0].innerHTML);

Answer 2

你有没有尝试过：

jQuery('#socialUserList').empty();

注意：您可能也尝试过：

jQuery('@socialUserList')[0].innerHTML = '';

使用[0]将访问第一个匹配元素的 DOM 对象。