Javascript 如何从单击事件处理程序获取ID?
我正在尝试创建一个ID,用作模式的选择器,然后可以访问显示属性Javascript 如何从单击事件处理程序获取ID?,javascript,jquery,Javascript,Jquery,我正在尝试创建一个ID,用作模式的选择器,然后可以访问显示属性 $.ajax({ url: 'https://randomuser.me/api/?results=12', dataType: 'json', success: function(data) { console.log(data); employees = data.results; $.each(employees, function (i
$.ajax({
url: 'https://randomuser.me/api/?results=12',
dataType: 'json',
success: function(data) {
console.log(data);
employees = data.results;
$.each(employees, function (i, employee) {
newHTML += '<div id="' + i + '" class="container">';
newHTML += '<div class="employee-img-container">';
newHTML += '<img class="employee-img" src="' + employee.picture.large + '" alt="employee image">';
newHTML += '</div>';
newHTML += '<div class="employee-info-container">';
newHTML += '<h3 class="employee-name">' + employee.name.first + ' ' + employee.name.last + '</h3>';
newHTML += '<p class="employee-email">' + employee.email + '</p>';
newHTML += '<p class="employee-location">' + employee.location.city + ', ' + employee.location.state + '</p>';
newHTML += '</div></div></div></div>';
employeeArr.push(employee);
modalHTML += '<div id="modal' + i + '" class="modal">';
modalHTML += '<div class="modal-content">';
modalHTML += '<div class="modal-header">';
modalHTML += '<span class="close">×</span>';
modalHTML += '<img class="employee-img" src="' + employee.picture.large + '" alt="employee image">';
modalHTML += '<h2 class= emp-modal-name>' + employee.name.first + ' ' + employee.name.last + '</h2>';
modalHTML += '</div';
modalHTML += '<div class="modal-body">';
modalHTML += '<p>Employee Info</p>';
modalHTML += '</div></div></div>';
modalArr.push(employee);
});
$('.grid-container').html(newHTML);
$('.modal-container').html(modalHTML);
$('.container').on('click', function (event) {
console.log(event.currentTarget.id);
let newId = '#modal' + event.currentTarget.id;
let displayModal = $(newId)
let display = document.querySelector(newId);
//displayModal.style.display = 'block';
console.log(displayModal);
console.log(display);
console.log(newId);
});
}
});
$.ajax({
网址:'https://randomuser.me/api/?results=12',
数据类型:“json”,
成功:功能(数据){
控制台日志(数据);
员工=数据。结果;
$.each(员工,职能部门(i,员工){
newHTML+='';
newHTML+='';
newHTML+='';
newHTML+='';
newHTML+='';
newHTML+=''+employee.name.first+''+employee.name.last+'';
newHTML+=''+employee.email+'
';
newHTML+=''+employee.location.city+,“+employee.location.state+”
';
newHTML+='';
员工推送(员工);
modalHTML+='';
modalHTML+='';
modalHTML+='';
modalHTML+='×;';
modalHTML+='';
modalHTML+=''+employee.name.first+''+employee.name.last+'';
modalHTML+='像这样试试
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id);
});
});
感谢您的帮助,但我正在尝试从目标id创建一个新id。employee的每个实例都有一个id=“+I”。我的modals有一个id=”modal+i。我希望能够通过使用目标设置相应的modal ID的编号来选择modal by ID。如果我记录newId,我会得到我要查找的字符串,但当我尝试将其用作选择器时,它会返回null。