jQuery

Question

我制作了一个 var 元素 (artwork_html) 以附加到 div (append_div):

此元素由以下人员组成：具有值 + class 和包含文本的名称的复选框（来自数组的文本已被修改以替换其中的某些部分）。

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);

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

 [] 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 标签中。然后在那个标签上绑定一个点击事件。

因此，您的 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 中的 var 文本可点击

jQuery - How to make clickable a var text placed in another var composed by more elements (var, checkbox)

html

javascript

checkbox