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