我使用查询来构建移动应用程序。首先,我使用 $.getJSON 从 json 文件中检索数据:
$.getJSON('js/sura.json', function(data){
$.each(data, function(key, value){
//alert(key+' '+value['id']);
buildList(value['id'], value['name'], value['number']);
});
});
json 文件中有超过 100 行。
之后,我需要将每个列表放入元素名称 <ul id="list></ul>
。我应该创建新的 Javascript 函数然后编写代码吗:
function buildList(id, name, number){
var name_elm = '<h3>'+name+'</h3>';
var noq_elm = '<span>'+number+'</span>';
var $list_elm = '<li>'+name_elm+''+noq_elm+'</li>';
$('#list').append($list_elm);
}
我使用.append(...)
后。我想向每个列表添加点击监听器(每个列表都有唯一的 id)。
我应该如何编写查询来为每个 <li></li>
添加监听器?
最佳答案
您可以使用event delegation :
var $list_elm = '<li class="noqele">'+name_elm+''+noq_elm+'</li>';
$('#list').append($list_elm);
}
点击事件代码:
$(document).on('click','.noqele',function(){
//click event code...
});
关于javascript - 如何为每个元素添加点击事件监听器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23872273/