2009-12-30 116 views
17

我有一個html文件,我想打開並閱讀,但我不完全確定如何做...基本上,這是一個相當大的文件(big.html),並在單獨的文件(titles.html),我有一些jQuery代碼,我想用它來查找某些元素(即h2標籤),並從這些標籤中獲取內部文本,然後將這些文本寫入titles.html ... I我不確定,特別是如何打開一個單獨的文件並從中讀取它,其次,我不確定下面的代碼是否可以用於獲取h2標籤中的文本...jquery - 閱讀文本文件?

$(document).ready(function() { 
    $("h2").each(function() { 
     var title = $(this).text(); 
     $("#mydiv").append(title); 
    }); 
}); 

... 

<div id="mydiv"></div> 

我有點困惑如何做到這一點與jquery ...我很新的整個事情,所以我甚至不知道這是可能的...

+0

你有一個服務器端的langauge可用?這可能是一個更好的選擇。 – 2009-12-30 19:37:20

回答

25

jQuery提供了一個方法$.get,它可以捕獲URL中的數據。所以要「閱讀」HTML /文本文檔,它需要通過URL訪問。一旦你獲取HTML內容,你應該能夠將該標記包裝爲jQuery包裝並正常搜索。

未經檢驗的,但它的一般要點...

var HTML_FILE_URL = '/whatever/html/file.html'; 

$(document).ready(function() { 
    $.get(HTML_FILE_URL, function(data) { 
     var fileDom = $(data); 
     fileDom.find('h2').each(function() { 
      alert($(this).text()); 
     }); 
    }); 
}); 
+0

我試過類似這樣的東西(然後,這個),我只是得到一個錯誤...腳本堆棧空間配額已用盡...所以,我猜這個文件太大了? – phpN00b 2009-12-30 21:54:06

+1

哇...文件有多大(字節)?您可以嘗試使用一系列(或循環)語句像上面示例中提供的語句一樣加載它。 – cjstehno 2009-12-30 22:04:06

4

解決辦法之一是將第二個文檔放在隱藏的iframe中「閱讀」。然後,您可以訪問該iframe中的HTML,如here所示,並對該數據做任何您喜歡的操作。