追加<a> into <li> trouble</li></a>

Question

我只是想把一个a-tag附加到li中，但出于某种原因我无法理解为什么这样做不起作用。

navListItem = '<li class="p-list-item"></li>';                
mainLink = '<a class="main-a" href="' + item.link + '"><span>"' + item.title + '"</span></a>'; 
$(navListItem).append(mainLink);

Answer 1

您需要将某些内容附加到

var item = {
    link:"javascript:void(0)",
    title: "title"
};
navListItem = '<li class="p-list-item"></li>';                
mainLink = '<a class="main-a" href="' + item.link + '"><span>"' + item.title + '"</span></a>';
var z = $(navListItem).append(mainLink);

$("#container").append(z);

这是一个jsfiddle http://jsfiddle.net/6vy5efeu/

Answer 2

您的navListItem尚不存在。

首先将其附加到另一个html元素，然后将最后一行更改为：

$(".p-list-item").append(mainLink);

Answer 3

似乎合法且适合我。

您是否将navListItem附加到DOM中的真实html元素？

$(document.body).append(navListItem);