我的索引页中有几个长列表,所以我决定在PHP文档中创建它们一次,并在必要时使用PHP require()函数将它们包含在主索引页中。问题是Jquery没有返回列表中的列表项,它返回列表中列表项的数量。
index.php内部代码:
<ul class="some-list">
<?php require("list.php"); ?>
</ul>
list.php内代码:
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
<li>Element 5</li>
我没有回显html代码,只是想要list.php的内容代替require()
Jquery代码:$('.some-list').children();
或
$('.some-list').find('li');
两个都不行
这是我在控制台得到的内容
$('.some-list ').find('li');
> v.fn.v.init[191]
如果我在index.php中包含列表项,即不通过PHP包含它,一切工作正常。
我使用的Jquery版本是1.8.3
我错过了什么吗?
我认为你有你的脚本执行页面加载之前。您需要在页面元素构建完成后执行jQuery。
<script>
$(document).ready(function() {
$('.some-list').find('li').each(function() {
console.log($(this));
});
});
</script>
<ul class="some-list">
<?php require('list.php'); ?>
</ul>
你只需要用引号把你需要的文件括起来,例如:
<?php require("list.php"); ?>
修改PHP代码为:
<ul class="some-list">
<?php include "list.php"; ?>
</ul>
和包装你的jQuery代码:
<script>
$(document).ready(function() {
$('.some-list').find('li');
});
</script>