在自定义Wordpress主题归档页面中，我将为所有帖子提供共享图标。以下是显示共享图标的HTML：

<span id="post-share-<?php the_ID(); ?>" class="post-share">
            // show sharing icons here
        </span>
        <span id="share-icon-<?php the_ID(); ?>" class="share-icon">
            <i class="fa fa-share-alt" aria-hidden="true"></i>
        </span>

在中单击共享图标后#share-icon, 共享图标将显示在#post-share.挑战是在任何地方单击共享图标，第一篇帖子显示图标。

因此，我添加了<?php the_ID(); ?> 拥有唯一的类。现在，所有共享图标都有唯一的帖子ID；但是，在jQuery中，我无法获取此唯一ID。下面是要更正此函数才能工作的jQuery：

$(document).ready(function () {
$("#post-share" + (postID here)).hide();
$(\'#share-icon\' + postID here).click(function () {
    $(\'#post-share\' + postID here).show();
});
});

需要的帮助是将帖子ID添加到jQuery中的类名中。

$(document).ready(function(){

   $(\'.share-icon\').on(\'click\',function (e) {
       var id = $(this).attr("id").split(\'-\'); 
      $(\'.post-share#post-share-\'+id[2]).css("display","block");
   });

});