单击添加视频说明

如何解决单击添加视频说明

所以我有这个 jquery，当你点击它时会显示一个视频。我将如何添加到 on.("click" 以在其上方的代码中显示 var desc？（这是用于播放播放列表并在单击时显示视频的 YouTube 视频播放器。我需要它来显示完整的描述在点击的视频下方）

function resultsLoop(data) {
    $.each(data.items,function (i,item) {
      var thumb = item.snippet.thumbnails.maxres.url;
      var title = item.snippet.title;
      var desc = item.snippet.description.substring(0,200);
      var vid = item.snippet.resourceId.videoId;

      $(".list-inner").append(`
<article class="py-3" data-key="${vid}">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <a href="#video"><img src="${thumb}" alt="" class="img-fluid img-responsive"></a>
      </div>
      <div class="col-sm-6">
        <div class="pt-1 mb-1">
          <div class="title">${title}</div>
          <div class="description">${desc}...</div>
        </div>
      </div>
    </div>
  </div>
</article>
                        `);
    });
  }

  $(".list-inner").on("click","article",function () {
    var id = $(this).attr("data-key");
    mainVid(id); 
  });
});