jQuery添加

Question

我有以下片段，目前返回<li>。如何让它返回<li><a href="#"我不会使用href但我使用Boostrap3所以我需要它用于导航。

代码：

  fetchJSON.done(function(response) {
        var buttons = response.map(function(i) {
            return $('<li>', {
                text: i.title,
                "data-author": i.author,
                "data-body": i.body
            })
        });
        $('ul').append(buttons);

Answer 1

和

一样容易

        return $('<li>', {
            "data-author": i.author,
            "data-body": i.body
        }).append($('<a>', { href: '#', text: i.title }))

我还建议您使用：

.data({
    author: i.author,
    body: i.body
})

而不是手动制作它们

Answer 2

您必须能够直接使用追加方法

.append("<a href='#'>some Description</a>");



return $('<li>', {
            text: i.title,
            "data-author": i.author,
            "data-body": i.body
        }).append("<a href='#'>some Description</a>");