将html文件的内容存储到jquery数组

时间:2016-11-14 20:44:06

标签: javascript jquery html

每个人,

我尝试将HTML-File的内容存储到带有的数组元素中 jquery的帮助。

如果我尝试:

$(document).ready(

        function(){

            html = $.parseHTML( '<p>say hello</p><p>or not</p><h3>just naother TAG</h3>' );


            alert(html[0].innerHTML);
            alert(html[1].innerHTML);
            alert(html[2].innerHTML);

    });

一切都很好。

但是如果我将parseHTML括号中的String替换为html文件 如图所示

$(document).ready(

        function(){

            html = $.parseHTML( 'navi.html' );


            alert(html[0].innerHTML);
            alert(html[1].innerHTML);
            alert(html[2].innerHTML);

});

警报框告诉我“未定义”。

navi.html-File的内容是

<p>say hello</p><p>or not</p><h3>just another TAG</h3>

你能帮我吗?

我已经阅读了类似的例子,但我无法达到目标。

感谢, 托尔斯滕

1 个答案:

答案 0 :(得分:0)

jQuery的$.parseHTML没有获取文件,它从字符串中解析HTML,就是这样。

如果您想获取该文件,则必须使用ajax,例如$.get

$.get('navi.html', function(data) {
    console.log( data );
}, 'html');

最后添加dataType会自动调用$.parseHTML,并解析返回的数据