jquery将变量传递给动态onclick

Question

我想在动态创建按钮后传递此变量（列表项的位置）

我要传递给按钮和创建的列表的位置

var selected = $(this).closest('li');

selected.append('<button class="topcoat-button">Back</button>');

从动态按钮创建中点击的捕获按钮的当前代码

$(document).on('click', '.topcoat-button', function() {
    alert("clicked button");
});

Answer 1

Javascript函数可以引用其封闭函数范围内的变量。

也就是说，如果你有这样的代码：

var location = 3

$(document).on('click', '.topcoat-button', function() {
    alert(location);
});

单击该按钮将警告值3，因为子函数是使用声明变量的范围定义的。

这里是fiddle。玩弄它，看看它是否满足您的需求。

Answer 2

您可以在.on函数中获取父级...

$(document).on('click', '.topcoat-button', function() {
  var $li = $(this).parent("li");
  alert("clicked button");
});