javascript - 在插入的HTML中使用参数调用Javascript函数

好的，所以我有一个变量，一个函数和一个无序列表。我运行以下代码：

var someid = '501bc5210642741838000000';
var liststring = '<li class="ui-state-default" id="'+someid+'">'+
                 '<button type="button" class="del" onclick="newfunction('+someid+');" >X</button>Slide</li>';
$('ul').append(liststring);

对于不同的Someid值，此代码重复多次。

函数newfunction（）如下所示：

var newfunction = function(someid){
$('#'+someid).remove();
//some other stuff; the above is the important bit
}

这样做可以使单击按钮时将其传递给newfunction（），该函数具有jQuery代码，该代码从DOM中删除了包含按钮的列表元素。

搞砸的地方是我将list元素等封装在字符串中以将其附加到列表HTML。我验证了代码是否可以正常工作-我手动编码了两个列表元素，并且运行良好。我可能缺少某些语法-我缺少什么？

最佳答案

尝试在变量周围添加引号，以使其显示为字符串而不是变量名称。

'<button type="button" class="del" onclick="newfunction(\''+someid+'\');" >X</button>Slide</li>';