將html文件的內容存儲到jquery數組中

Question

大家好，

我嘗試在jquery的幫助下將HTML文件的內容存儲到數組元素中。

如果我嘗試：

$(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的Brackets中的String替換為如下所示的html文件

$(document).ready(

        function(){

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


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

});

警報框告訴我“未定義”。

navi.html文件的內容是

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

請你幫助我好嗎？

我已經閱讀過類似的示例，但無法達到目標。

謝謝，Thorsten

Answer 1

jQuery的$.parseHTML不會獲取文件，而是從字符串中解析HTML，僅此而已。

如果要獲取文件，則必須使用ajax，例如$.get

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

在最后添加dataType $.parseHTML自動調用$.parseHTML ，並解析返回的數據