為此起作用的正確語法形式是什么？

Question

在以下代碼行中，我嘗試在javascript的html標記內添加一個函數：

nuevo = "<p class='item'>" + res.tarea + "<button onclick = '" + return EliminarTareas(database) + (" + res.tarea +");'>" + "Eliminar" + "</button></p>";
$('#listatareas').append(nuevo);
function EliminarTareas(id, base) {
     base.transaction(function(tx) {
        tx.executeSql("DELETE tarea FROM Tareas WHERE tarea=?", [id], function () {
        });
     });
 }

Answer 1

主要的問題是這部分+return EliminarTareas(" + database + ", " + res.tarea +");'>" ，它放棄，因為你關閉了paranthesis第二個參數) ，它也有報價的問題應該是的。像這樣+" return EliminarTareas(" + database + ", " + res.tarea + ");'>"

但是，我相信使用.data解決此任務將是有效的，並且可以提供更好的結構。 以下是我的版本，其中包含您的一些代碼（DEMO： https : //jsfiddle.net/9q4hLs3a/ ）：

var nuevo = $("<p class='item'><button data-var1='" + database + "' data-var2='" + res.tarea + "'>Eliminar</button></p>");

$('#listatareas').append(nuevo);


$(document).ready(function(){
    $(document).on('click', '#listatareas button', function(){

    var var1 = $(this).data('var1');
    var var2 = $(this).data('var2');
    EliminarTareas(var1 , var2 )
});



function EliminarTareas(id, base){

    base.transaction(function(tx){

        tx.executeSql("DELETE tarea FROM Tareas WHERE tarea=?", [id], function (){

    });
}

Answer 2

我想這就是你想要的

"<p class='item'>"+ res.tarea +"<button onclick = 'EliminarTareas("+database+","+res.tarea +")'>Eliminar</button></p>";