我是 javascript/jquery 的初学者。我想使用委托事件,因为我创建了一个动态类,并且我想获取它的数据值。
现在我做了这样的:
function getProducts(category_id) {
$("#product-list").empty();
$.ajax({
url:"{{ url('product') }}/" +category_id,
type:"GET",
dataType: "JSON",
success: function(data) {
if(data.length>0) {
for(i=0;i<data.length;i++) {
$('#product-list').append('<div class="col-md-3 col-sm-3 hero-feature">'+'<div class="thumbnail">'+'<img src="{{ url('image_files/') }}/'+ data[i]['featured_img'] +'" alt="">'+'<div class="caption">'+'<h4><a href="#" data-value="'+data[i]['product_id']+'" class="product-target">'+data[i]['product_name']+'</a></h4>');
}
} else {
$('#product-list').append('<h3>Nothing to display</h3>')
}
}
});
}
$(document).ready(function(){
$('.caption').on('click','.product-target',function() {
var value = $(this).data("value");
alert(value);
});
})
我想获取<a>
标签中数据值的值。