将类或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或class即可：

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

在传递html只需传递id

$('<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");