我有 ajax 调用生成的 div 列表
这是代码
function todolisttoday() {
$("#list").empty();
$("#counter").empty();
$.ajax({
url: '@Url.Action("GetTodayList", "Home")',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(),
type: 'POST',
dataType: 'json',
processData: false,
success: function (data) {
var list = data;
var count = Object.keys(data).length;
$("#counter").append('<b>' + "You have" + " " + count + " " + "appointments today" + '</b>');
for (var i = 0; i <= list.length - 1; i++) {
var timeobject = new Date();
timeobject.setTime(Date.parse(list[i].time));
var hours = timeobject.getHours();
var minutes = timeobject.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12; // the hour '0' should be '12'
minutes = minutes < 10 ? '0'+minutes : minutes;
var strTime = hours + ':' + minutes + ' ' + ampm;
var divslist = '<div class="listdiv">' +
'<b >' + (i + 1) + '</b>' + "." + " "
+ '<b class="title">' + list[i].title + '</b>' + " "
+ '<b >' + strTime + '</b>' + '<b class="status">' + list[i].status +'<b>'
+ '</div>';
$("#list").append(divslist);
};
}
});
};
它们是由这段代码生成的
var divslist = '<div class="listdiv">' +
'<b >' + (i + 1) + '</b>' + "." + " "
+ '<b class="title">' + list[i].title + '</b>' + " "
+ '<b >' + strTime + '</b>' + '<b class="status">' + list[i].status +'<b>'
+ '</div>';
我需要获取 '<b class="status">' + list[i].status +'<b>'
的值
当我点击 div 时
我制作div点击事件
这是代码
$(document).on('click', '.listdiv', function() {
var appointmentTitle = $(this).text();
});
但是它从 div 获取所有数据。
我怎么才能得到class="status"
值(value)?
最佳答案
试试这个:
$(document).on('click', '.listdiv.status', function() {
var appointmentTitle = $(this).text();
});
这只会获得同时具有 listdiv
和 status
类的 div。
关于javascript - 获取点击的div中文本字段的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46015846/