javascript - 将类或 ID 插入 HTML 元素

Question

我正在尝试将类或 id 插入 HTML 元素以进行样式设置，但无法弄清楚。下面是我的代码：

$('<li/>').append($('<p>', {html: val.title}), $('<p>', {html: 'Posted on ' + split[0]})

我试过这个但没有运气：

$('<p class="vtitle">', {html: val.title})

Answer 1

您可以尝试这样的事情（假设val对象和split数组在当前范围内可用）

var p1 = $('<p/>', { 'html': val.title, 'class':'vtitle' }),
    p2 =  $('<p/>', { 'html':'Posted on ' + split[0], 'class':'para' });
$('<li/>').append(p1, p2);

一个例子。

Answer 2

只需在创建元素时添加 id 或类：

var p1 = $('<p />', {id: 'paragraph_1', html: val.title}), 
    p2 = $('<p />', {'class': 'paragraph_2', html: 'Posted on ' + split[0]});

$('<li />').append(p1, p2)

请注意，class 是 javascript 中的保留关键字，应该被引用。

Answer 3

就id在你通过的时候通过html

$('<li/>').append($('<p>', {html: val.title, id : "myId"}))

演示

完整代码

$('<li/>').append($('<p>', {html: val.title, id : 'id1'}), 
                  $('<p>', {html: 'Posted on ' + split[0], id : 'id2'})

Answer 4

添加属性使用attr

$("p").attr("id","#yourId");