包含带有jQuery的文件并获取其内容长度

Question

甚至可以用jQuery做这样的事情：

我几乎有空的html文件index.php（没有内容，只有重要的标签），还有文件content.php，其中包含所有网页内容，例如：blablabla，很多标签， divs和其他内容。 例如，所有这些内容的长度为700px。

现在，我想用jQuery做这个事情：在文件index.php中，在标签之间输入此命令，然后再添加一个jQuery东西，它将.content.heigth（）放入任何变量中（以便显示， content.php文件中的所有内容多长时间（在此示例中为700px）。

我尝试做这些事情，直到一切都好，直到必须将文件内容长度的变量放入该位置为止。

这是我的代码。 可能有人可以修复它，但在我看来这是完全错误的。

所有jQuery命令都写在index.php文件中。

$(document).ready(function() {
    $('body').append("<?php include ('content.php'); ?>");
    $length = $('.content').length;
});

$ length显示0，但应大于0 ^ _ ^

最重要的是在jQuery或任何其他语言的帮助下，知道index.php文件中content.php文件中内容的长度是多少。 使用.load（'content.php'）命令也可以包含，但是该命令看不到包含文件的内容长度。

感谢帮助！ :)

Answer 1

$('body').append("<?php include ('content.php'); ?>");

不要那样做！ 没有充分的理由这样做，很可能会遇到换行符和/或未转义引号的问题。 只需添加<?php include ('content.php'); ?> <?php include ('content.php'); ?>直接在正文的末尾，然后从document.ready抓取高度（您就在那儿）：

$(document).ready(function() {
    var height = $('.content').height();
    alert(height) // or do something with it
});

---

您在问题中提到了.load('content.php') 。 如果我建议直接包含PHP不符合您的需求，请执行以下操作：

$(document).ready(function() {

    // You probably want a more specific container instead of body
    $(body).load('content.php', function(){

        // You can only read the height inside this callback

        var height = $('.content').height();
        alert(height) // or do something with it

        // Continue your program flow from here
        // (for example, call a function)
    }); 

    // CAUTION: here the content probably didn't load yet.
    // If you need to refer to it, do it from the callback above.
});

---

最后：如果$('.content').length的确为0 ，那是因为在您调用DOM时，该类中没有包含“ content”类的元素。 jQuery对象的length属性告诉您有多少元素与您使用的选择器匹配，因此零为零。

Answer 2

谢谢。 问题是我必须警告（body）.load代码的高度，而不是该代码的旁边。

正确：

$(document).ready(function() {
    $('body').load('content.php', function(){
        alert($('.content').height());
    });
});

错误：

$(document).ready(function() {
    $('body').load(content.php', function(){})
    alert($('.content').height());
});

Answer 3

据我了解，您想要内容的实际高度（以像素为单位）吗？ 在这种情况下，请听Malcolm的建议，并使用.height（）而不是.length。

$(document).ready(function() {
    $('body').append("<?php include ('content.php'); ?>");
    $length = $('.content').length;
});

相反，如果要查看块中有多少个字符 ，可以执行以下操作。

$(document).ready(function() {
    $('body').append("<?php include ('content.php'); ?>");
    $length = $('.content').html().length;
});