javascript - 创建嵌套元素

Question

我正在尝试使用数组中的数据动态创建以下内容

<li><a href="#" class="red" id="5"><span>Some text</span></a></li>

目前，我正在以一种相当简单的方式创建它

var link = '<li><a href="#" class="' + this.cssClass + '" id="' + this.id + '"><span>' +   this.text + '</span></a></li>';
$('#options').append(link);

虽然我需要在单击链接时运行一个函数，但最好的方法是什么？

Answer 1

$('<a>').attr({
    id: this.id,
    href: '#'
}).addClass(this.cssClass).click(function() {

     // click event

}).html('<span>' + this.text + '</span>')
  .appendTo($('<li>').appendTo('#options'));