单击锚标记时，如何保存该元素 ID 以便以后使用？

Question

我的网站上有一堆这样的列表：

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

每个都有从我的数据库加载的唯一数据和 ID。 当我单击其中一个下摆时，它会打开一个包含有关它的信息的面板。 我不想显示所有信息，只显示部分。 在另一个面板上，我有一个按钮：

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

我想最初加载一些数据，这很容易使用 onclick=function()。 但是如何存储 onclick ID 属性，以便如果我单击面板按钮，它知道加载特定于我之前单击的列表 ID 的数据？
我想我需要将它存储为某个变量，然后当单击按钮时，使用该变量向我的 PHP 文件执行 AJAX 请求，以根据该 ID 查询其余的数据行列。 我是 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);
    })
  }); 
})