2013-12-10 43 views
2

我有很多靜態頁面,我想以某種統一的方式進行編輯,例如重命名或添加類。現在,jQuery允許我以我熟悉的方式執行此類操作,但在客戶端。現在我想在發展中做到這一點;選擇一個靜態網頁,使用jquery更改內容並將其保存到磁盤。有沒有簡單的方法來設置jQuery(也可能是node.js)來允許這個?使用jQuery作爲開發工具

+0

jQuery的作用於DOM,而不是文本的水平,所以這種方式看起來像HTML - > DOM - >(工作) - > DOM - > HTML這有可能會丟失一些信息在翻譯。 – Kos

+0

這不會是最佳的,除非你在網上刮。您可以使用模板來動態傳遞視圖對象並從中渲染頁面。 – user568109

+0

這個http://nodize.com/ – dev

回答

2

可以使用jQuery的節點做 https://github.com/coolaj86/node-jquery

//安裝

npm install jquery 

//用法:

var $ = require('jquery'); 
var inputHtml = '<html><body></body></html>'; 

var $html = $(inputHtml); 

/* change background to red */ 
$html.find('body').css('background-color', 'red'); 

/* get back html string*/ 
var outputHtml = $html.find('body').parent()[0].outerHTML; 

console.log(outputHtml); 

//控制檯

$ node jquery-test 
<html><body style="background-color: red;"></body></html> 

node-jquery很慢,而不是異步,不要直接在http處理程序中調用它,但它對webcrawler和離線處理很有用。

+0

嗯,改變CSS屬性應該不會影響HTML?但我明白你的觀點。謝謝!這可能是一個更好的示例操作:'$ html.find('body')。addClass('myClass');' – worldsayshi

+1

我剛剛修改了示例代碼,它在我的計算機上工作,windows8,node#0.10.20 ,jquery#1.8.3 – damphat