我有一个 fiddle 项目here我想获取每个 value.full_name 的点击值。但在这里,当我单击它时,它仅返回第一个值的警报。如何返还个人值(value)?
HTML:
<div id="dbg">
</div>
Javascript:
var el = $('#dbg');
var HtmlData = LoadData();
el.html(HtmlData);
function LoadData()
{
var dmJSON="http://api.railwayapi.com/route/train/12728/apikey/3dacdecg/";
var html = '<div class="row s12"/>';
$.ajax({
url: dmJSON,
dataType: 'json',
async: false,
data: {},
success: function(data) {
$.each(data.route, function(key, value) {
html += '<a id="click1" href="#menu_modal">' + '<div class="card small">' +'<div align="center" id="rest_name">' + value.fullname + "</div>" + "</div>" + '</a>' + "</div>"
});
}
});
return html;
}
$("#click1").click(
function () {
var clickedValue = $('#rest_name').text();
alert(clickedValue);
}
);
最佳答案
使用类而不是重复的 ID。
您的 Html 类
html += '<a class="test" href="#menu_modal">' + '<div class="card small">' + '<div align="center" class="test1">' + value.fullname + "</div>" + "</div>" + '</a>' + "</div>"
和 Jquery:
$(".test").click(
function() {
var clickedValue = $(this).find('.test1').text();
alert(clickedValue);
}
);
关于javascript - Jquery/Javascript : How to get the clicked value in Jquery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41952799/