将静态HTML页面转换为动态生成的jQuery

Question

我有一个奇怪的要求，我们有静态的html / css / images。然后我需要将这些静态页面转换为使用javascript / jquery动态生成的页面。我们正在处理100多个此类实例。

例如：

<div id='foo' title='my title'>Hi there!</div>

将转换为：

$('<div/>', {
    id: 'foo',
    title: 'my title',
    text: 'Hi there!'
}).appendTo('#mySelector');

有没有办法以编程方式执行此操作？我用Google搜索，但无法找到任何内容。

Answer 1

这样的东西？

<div></div>

$('div').append('<p></p>');
$('div p').attr({
    'id':'foo',
    'title':'my title'
}).text('Hi there!');

输出：

<div><p id="foo" title="my title">Hi there!</p></div>