javascript - 如何使用jquery将ID从mysql发送到div？

Question

在我的页面上，从数据库中检索了几条消息。它们使用fetch_array显示。每条消息的一 Angular 都会显示一个按钮。该按钮包含消息的 ID。单击时，一个 div 将从页面顶部向下滑动，请求确认。如果单击"is"按钮，该消息将被删除。如果单击 no-button，div 会向上滑动，离开 Canvas 。

如何将消息中的 ID 发送到"is"按钮，以便删除正确的消息而不是所有消息？我写了这段代码，但这不起作用。

<? while($result=mysqli_fetch_array($sql,MYSQLI_ASSOC)){ ?>
    <div class="memo_blok">
        <table width="100%">
            <tr>
                <td>
                    <font class="memo_blok_name"><? echo $result['name']; ?> |</font> 
                    <font class="memo_blok_date"><? echo $result['date']; ?></font>
                </td>
                <td width="20">
                    <img src="images/close.png" width="20" id="deleteBTN_<? echo $result['id']; ?>" />
                </td>
            </tr>
        </table>
        <p class="memo_blok_TXT">
            <? echo $result['msg']; ?>
        </p>
    </div>
<? } ?>

<div id="confirm" class="confirm">
    <table width="100%">
        <tr>
            <td align="center">Are you sure?</td>
        </tr>
        <tr>
            <td align="center">
                <a href="memo_delete.php?id=1" class="noLine">
                    <img src="images/Yes.png" width="50" id="deleteYes" />
                </a>
                <img src="images/No.png" width="50" id="deleteNo" />
            </td>
        </tr>
    </table>
</div>

CSS:

.confirm {
    width:100%;
    height:100px;
    position:fixed;
    top:-100px;
    left:0px;
    background-color:#3c3c3b;
    font-family: 'Abel', sans-serif;
    font-size:24px;
    color:#fefefe;
}

脚本:

<script> 
$(document).ready(function(){
    $("#deleteBTN").click(function(){
        $("#confirm").animate({top: '0px'});
    });

    $("#deleteNee").click(function(){
        $("#confirm").animate({top: '-100px'});
    });
});

Answer 1

更改关闭图像:

<img src="images/close.png" width="20" id="deleteBTN_<? echo $result['id']; ?>" />

为此，它将有一个 data-id属性(您也可以将 id 属性更改为 class 并省略 id 编号):

<img src="images/close.png" width="20" class="deleteBTN" data-id="<? echo $result['id']; ?>" />

删除 href 的值来自a.noLine像这样<a href="" class="noLine">然后在您的 javascript 代码中将 data 属性的值放在 href 属性的末尾，如下所示:

 $(".deleteBTN").click(function(){
     var msgId = $(this).data('id');
     $("#confirm").animate({top: '0px'});
     var $deleteBtn = $("#confirm").find('.noLine');
     $deleteBtn.attr('href','memo_delete.php?id='+msgId);
 });