.appendChild()；不是函数

Question

因此，我似乎一直得到这个错误$(.).appendChild不是一个函数！我想非常简单地创建一个元素，给它一些文本，并将其追加到ul中。我检查了jquery上的所有引用，然后空手返回。

​

const ul = $('#element');

const $li = $('<li>');
$li.innerText = 'hello';
$('#blog-prev-title').appendChild($li);          

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="element">
</ul>

​

Answer 1

使用append()代替appendChild()，appendChild是DOM方法，而append是JQuery方法

Answer 2

您希望使用.append()。$('#blog-prev-title').append($li);

Answer 3

要么使用jQuery，要么使用纯javascript。您正在使用jQuery选择元素，然后尝试添加javascript。

所以要么是纯js：

document.getElementById("blog-prev-title").appendChild($li)；

或者jQuery：

$('#blog-prev-title').append($li)；