2013-12-10 32 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