为什么此代码无法修改HTML

Question

我已在我的网站上实施此代码：

$('.feed-item').append('<p> This is paragraph element. </p>');

在此页面上：Test

然而代码不起作用，它肯定存在，因为我可以在页面源中看到它但是没有发生任何事情。有人能告诉我我做错了吗

Answer 1

编辑：我刚刚在你的页面中注意到jQuery被定义为jQuery而不是$。

在您的页面中，您的字符串中有新行，这会导致错误。这样：

$( document ).ready(function() {
    $('.feed-item').append('
<p> This is paragraph element. </p>
<p>');
});

应该是：

jQuery( document ).ready(function() {
    jQuery('.feed-item').append('<p> This is paragraph element. </p>');
});

Answer 2

这是因为没有加载DOM。

$( document ).ready(function() {
    $('.feed-item').append('<p> This is paragraph element. </p>');
});

或将其放在HTML后的页面底部。

<p>在脚本中也无效。

Answer 3

尝试这样做

 $('.feed-item').append('</p><p> This is paragraph element. </p><p>');

Answer 4

请在</html>代码之前将此代码段添加到footer.php并从之前的位置删除

<script>
$('.feed-item').append('<p> This is paragraph element. </p>');
</script>