Question

我已将var元素（artwork_html）附加到div（append_div）中：

此元素由以下形成：带有值+类的复选框和包含文本的名称（来自数组的文本，并且已被修改，替换了它的某些部分）。

var name;
var artwork_html = "";
name = value['artwork']['value'].replace("http://dbpedia.org/resource/", "");

artwork_html += "<div><b>" +'<input class=artworks_checkbox type=checkbox value='+ value['artwork']['value'] + '/>' + " " + name + "</b></div>";

$('#append_div').append(artwork_html);

这会创建一个复选框和一个文本（var名称），如下所示：

 [] Primavera_(Botticelli)
 [] Nascita_di_Venere_(Botticelli)
 [] Bacco_(Caravaggio)

如何点击触发简单事件的名称

 alert("Name Clicked!");

提前致谢

更新

Ankit Saroch和Subhasom的回复都有效。谢谢！

Answer 1

只需更换旧行：

artwork_html += "<div><b>" +'<input class=artworks_checkbox type=checkbox value='+ value['artwork']['value'] + '/>' + " " + name + "</b></div>";

新行如下：

artwork_html += "<div><b>" +'<input class=artworks_checkbox type=checkbox value='+ value['artwork']['value'] + '/>' + " <span onclick='alert(this.innerHTML)'>" + name + "</span></b></div>";

这只是像以前一样创建，但是当你点击非名字时它会触发alert(Name)

Answer 2

您可以在label标记内添加名称。然后在该标签上绑定一个click事件。

所以，你的div字符串如下所示：

artwork_html += "<div><b>" +'<input class=artworks_checkbox type=checkbox value='+ value['artwork']['value'] + '/>' + " <label class='artworkName'>" + name + "</label></b></div>";

在append_div元素上使用on绑定点击事件，如下所示：

$('#append_div').on('click', '.artworkName', function(){
   alert($(this).html());
});

jQuery - 如何使可更改文本放置在由更多元素组成的另一个var中（var，checkbox）

2 个答案: