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

Question

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

例如:

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

将转换为:

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

有没有办法以编程方式执行此操作？我四处搜索，但找不到任何东西。

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>