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);

An Example.

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"}))

Demo

完整代码

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

Answer 4

添加属性使用attr

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

将类或ID插入HTML元素

4 个答案: