动态添加对象的jQuery Eventhandler
动态添加对象的jQuery Eventhandler
提问于 2015-03-25 05:20:49
我在jQuery中动态添加DOM对象时遇到了一个问题。首先，我使用这个：
var $input = $('#search-input');
var $usersList = $('#ulist');
$input.on('input', function () {
$.ajax({
type: 'get',
url: '/userlist',
data: {query: $input.val()},
success: function (response) {
var json = JSON.parse(response);
$usersList.empty();
$.each(json, function (index, val) {
$usersList.append("<div id=\"listelem\"><a href=\"#\">" + val + "</a></div>");
});
}
});
});
<div id="ulist"></div>
<input id="search-input" type="text">将div插入到usersList中。这可以很好地工作，但是现在我想要从这个div中获得val，当我单击它来进一步处理它时。我写了这段代码：
$usersList.on('click','#listelem', function(){
alert("clicked");
});当我单击div时，我得到了适当的警告，但现在我不知道如何从该元素内部获取数据。
回答 4
Stack Overflow用户
发布于 2015-03-25 05:23:54
尝尝这个
$(document).on('click','#listelem', function(event) {
alert($(event.target).text());
});Stack Overflow用户
发布于 2015-03-25 05:39:46
我不知道合适的工程，但我在开发一些需求时也遇到过类似的问题。基本上，据我所知，您想找出事件的目标并从中拖动值？如果是这样的话，你可以这样做：
jQuery(document).on('click', '#listelem', function(event){
var x = event.target.val();// event.target.value; depending on your situation and availability of the method.
});希望这能有所帮助。
Stack Overflow用户
发布于 2015-03-25 06:21:07
谢谢你的帮助。对我来说，正确的选择是打电话给
var mem =event.target.innerText；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29243114
复制相关文章
相似问题