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

Convert static HTML page to dynamically generated jQuery

本文关键字：动态 jQuery 转换 静态 HTML      更新时间：2023-11-06

我有一个奇怪的要求，我们有静态的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');

有没有一种方法可以通过编程实现这一点？我在谷歌上搜索了一下，但什么也找不到。

类似的东西？

<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>
相关文章：