无法在jquery中绑定参数和锚标签

时间:2014-06-24 14:57:49

标签: jquery anchor

我正在尝试创建一个基本的"待办事项"在jQuery中列出。我已经完成了大部分工作。

但是,我的撇号和引号有问题。

我想添加一些超文本,这些超文本将存在于" to-do"项目

例如I'M A TO DO ITEM [edit text link that will allow one to edit TO DO][remove text]

因此,这个超文本文本将允许用户编辑&#34;或&#34;删除&#34; &#34;待办事项&#34;项目。如果我使用下面的代码,&#34; removeItem&#34;出现在<li>之外。我很沮丧,希望得到一些帮助。

$("#addButton").on('click',function(e){
    e.preventDefault();
    var toDoItem= $(".tempText").val();
    $("#todoList").append('<li>'+toDoItem+'<a href="#" class="edit">'+ editItem +'</a>','<a href="#" class="remove">'+removeItem+'</a>','</li>');
    itemCount=itemCount+1;
    $("#count").text(itemCount);
    return(false);
});

1 个答案:

答案 0 :(得分:1)

将单个字符串传递给append(),而不是逗号分隔的字符串列表(因此它们不会被视为单个元素,并且在之后不会附加一个) :

'<li>' + toDoItem + '<a href="#" class="edit">' + editItem + '</a><a href="#" class="remove">' + removeItem + '</a></li>'