javascript - 如何使用 onclick 值动态添加按钮

Question

我想在单击按钮时动态添加选项卡。 我可以在单击按钮时添加选项卡内容和选项卡按钮，但生成的选项卡按钮没有 onclick 属性。

function add_row()
{
  $rowno=$("#numOfKids").val();
  $rowno=$rowno++;
  $buttonNo = "Button"+$rowno;
  $button = "<button class='tablinks' onclick='openCity(event, '"+$buttonNo+"')'>Button"+$rowno+"</button>";
  $("#divAnak").append("<div id='Anak"+$rowno+"' class='tabcontent'><h3>London</h3><p>London is the capital city of England.</p></div>");
  $("#tabs").append($button);
}

上面的函数确实添加了按钮，但它给出了

<button class="tablinks" onclick="openCity(event, " button1')'="">Button1</button>

而不是

<button class="tablinks" onclick="openCity(event, 'Button1')">Button1</button>

Answer 1

尝试这样做:

$button = '<button class="tablinks" onclick="openCity(event, \'' + $buttonNo + '\')" > Button '+$rowno+' </button>';