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オブジェクトにアクセスします。