Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从单击事件处理程序获取ID?_Javascript_Jquery - Fatal编程技术网

Javascript 如何从单击事件处理程序获取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

我正在尝试创建一个ID,用作模式的选择器,然后可以访问显示属性

   $.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">&times;</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。