javascript - 在 Jquery 中调用带参数的函数(单击时)

Question

当我点击按钮X时，我需要调用函数sendData 我遇到了“”和“”问题，不知道如何正确调用该函数

任何帮助

var txt1 = $(this).val() ;  
var txt2 = $('<button type="button" id="'+txt1+'" class="myButton"> '+txt1+' <button type="button" onclick='sendData(txt1)'>X</button> </button>');

$("p").append(txt2);   // Append new elements  

谢谢

Answer 1

您生成的htmlString格式不正确。请尝试以下操作:

var txt1 = 'test';  
var txt2 = $('<button type="button" id="'+txt1+'" class="myButton"> '+txt1+' <button type="button" onclick=sendData("'+txt1+'")>X</button> </button>');

$("p").append(txt2);

function sendData(data){
  alert(data);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p></p>

虽然我更喜欢使用 Template Literals :

var txt1 = 'test' ;  
var txt2 = $(`<button type="button" id="${txt1}" class="myButton"> ${txt1} <button type="button" onclick='sendData("${txt1}")'>X</button> </button>`);

$('p').append(txt2);

function sendData(data){
  alert(data);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p></p>