Php 动态jQuery弹出窗口

我有一个填充了数据库数据的表。代码如下：

echo '<td style="width:5%;padding:0;">
    <div class="statusimg" id="statusimg-id'.$bookingid.'" style="position:absoulte; white-space: nowrap;" >'.$statusimg.'</div>

    <div id="booking-status" style="display:none">
        <p>Job #'.$bookingid. ' for '. $date_today.'</p>
        <p>Contact for '.$row['name'].' : <a href="tel:'. $row['phone_number'].'">'.$row['phone_number'].'</a></p>
        <div id="select_status">
            <a href="index.php?BookingID='.urlencode($row['id']).'&BookingStatus='.urlencode($booking_status_2).' " id="job_confirmed"><span>Confirm job</span><img src="icons/main/key_check_yellow.png" alt="x" width="24px" height="24px"></a>
            <a href="index.php?BookingID='.urlencode($row['id']).'&BookingStatus='.urlencode($booking_status_3).' " id="job_rogered"><span>Roger job</span><img src="icons/main/key_check_green.png" alt="x" width="24px" height="24px"></a>
        </div>
        <p>Please roger the job at least 60 minutes before the pick up time</p>
    </div>
</div>
</td>';

现在，当我点击

statusimg

时，它将打开每行的预订状态，但它会按升序打开每行的预订状态

---

我需要一种方法来只打开与行中单击的链接相对应的div。

使用

sides（）

方法调用正确的预订状态

您还可以尝试更基本的版本

$('.statusimg').click(function(e) {
  $(this).siblings('#booking-status').bPopup();
});

---

不知道什么是

bPopup（）正在执行，很难说为什么只能执行一次。
旁注：您在
样式中有一个输入错误。”=“立场：绝对我感谢你的回答，这让我离目标更近了一点，但如果我使用你的方法，每行只会打开一次弹出窗口，如果我再次尝试打开它，它将不会弹出，只有在我刷新页面后，他们才会再次打开。请尝试简化版本。bPopup（）；将是jQuery模式弹出插件。您将在此网站上找到代码。没有必要使用bPopup插件，如果你认为插件导致了问题，我可以使用常规的jQuery模式。我也尝试了简化版本，结果相同。
// Triggering bPopup when click event is fired
$(this).siblings('#booking-status').bPopup({
});

$('.statusimg').click(function(e) {
  $(this).siblings('#booking-status').bPopup();
});