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对象。