php - bpopup 插件在循环的 PHP 脚本中关联一个 div 元素

Question

我在页面上使用带有多个弹出链接的 bpopup 以及每个链接的多个内容。要将 JQuery 与每个链接相关联，我使用 [id^="div_name"]。JS如下： -

$(document).ready(function()
{
    console.log( 'ready!' );
    $('[id^="click"]').bind('click', function(){
    $('[id^="profile"]').css('display','inline');
    $('[id^="profile"]').bPopup({
       modalClose: true
      , opacity: .8
      , positionStyle: 'fixed' 
      , fadeSpeed: 'slow'
      , followSpeed: 'slow'
      });
   });
});

相应的 PHP 脚本有：-

<?php
foreach($listings as $listing)
{   
        <a id="click" href="some url"><?php echo $listing->profile_link;?></a>
        <div id="profile" style="background-color:#fff; width:400px; height:400px; display:none; "><?php echo $listing->company_name; ?></div>
     }

列表都与弹出操作相关联。但是，它们的内容与上一个相同$listings->company_name。但是，我希望内容具有单独的公司名称。我意识到我正在使用相同的 div-id 并且在浏览器上呈现内容后，它将最后一个与所有弹出窗口相关联。我该如何解决这个问题？