将<a>附加到<li>麻烦中

Question

I am simply trying to append an a-tag into a li, but for some reason I cannot see why this doesn't work.

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

Your navListItem does not exist yet.

append it to another html element first and change the last line to:

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