При нажатии на тег привязки, как сохранить идентификатор элемента, чтобы я мог использовать его позже?

Question

У меня есть несколько списков на моем сайте, например:

<a class="listing" id=""></a>
<a class="listing" id=""></a>
<a class="listing" id=""></a>

Каждый из них имеет уникальные данные и идентификатор, загруженные из моей базы данных. Когда я нажимаю на одну из кромок, она открывает панель с информацией о ней. Я не хочу отображать всю информацию, только части. На другой панели у меня есть кнопка:

<div class="info-panel>
  <button class="load-other-info"></button>
</div>

Я хочу загрузить некоторые данные изначально, что легко с помощью функции onclick = (). Но как я могу сохранить атрибут идентификатора onclick, чтобы, если я нажму на кнопку панели, она знает, чтобы загрузить данные, указанные c, в идентификатор листингов, который я щелкнул предыдущим?
Я думаю, мне нужно сохранить его как некоторую переменную. затем, когда кнопка нажата, сделайте запрос AJAX с этой переменной в мой файл PHP, чтобы запросить остальные столбцы строки данных на основе этого идентификатора. Я новичок в javascript, поэтому я не совсем понимаю, как хранить переменные, как в других языках. спасибо!

Answer 1

Вы имеете в виду что-то вроде этого:

let listings = [];
$(function() { // when page loads
  $(".listing").on("click",function() {
    listings.push(this.id); // save each ID clicked
    $(this).addClass("clicked"); // show it is chosen
  });
  $("load-other-info").on("click",function(e) {
    e.preventDefault(); // or use type=button on the button
    $.get("info.php",{data:JSON.stringify(listings)},function(data){
      $("#someInfoContainer").html(data);
    })
  }); 
})