需要更好的方法在每张照片下面添加HTML

Question

我在无序列表（li）中的每张照片后添加标题和说明，并使用jQuery / JSON，flickr API和灯箱的组合。一切正常，但我知道我的一段代码是错误的：

.add(
    $("<p>" + item.title + "</p><p>" + item.description._content + "</p>")
)

同样，它有效，但我知道这是错的。什么是正确的方法？我已经尝试了我能想到的一切，但只有我上面输入的代码才有效。我真正想要的是这张照片，插在每张照片之后：

<p class="title">item.title</p>
<p class="description">item.description._content</p>

Answer 1

也许追加？

.after("<p>" + item.title + "</p><p>" + item.description._content + "</p>");

编辑：我的坏，它的.after。

Answer 2

我不明白这个问题，但试试这个......

$("<p class='title'>" + item.title + "</p><p class='description'>" + item.description._content + "</p>");

我认为方法是.after()。

Answer 3

使用.after()：

$('your selector for photo elements').after(
    $("<p>" + item.title + "</p><p>" + item.description._content + "</p>")
)