在a和div #ID的末尾添加水平线

Question

我正在尝试将水平规则添加为div容器中的最后一项。我试过了

<script>
var rule = '<hr />';
$('#content-nav').append(rule);
</script>

我将此代码添加到我网站的header.php部分，该部分使用php include添加到多个php文件中。但是jQuery文件也已添加，并且对于已实现的其他jQuery插件也能正常工作。

我不确定我的html js应该去哪里。我把这个放错地方了吗？还是代码有问题？

Answer 1

只要您的脚本在 jQuery脚本之后并且在DOM准备好之后（或在声明元素之后，但最好在DOM就绪之后），您的代码就可以工作：

<script src="pathToJQuery.js" />
<script>
  $(function() {
    $('#content-nav').append('<hr />');
  });
</script>
...
<div id="content-nav">
  ...
</div>

NB在上面$(function() { ... });是简写$(document).ready(function() {...});