在我的页面上,从数据库中检索了几条消息。它们使用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'});
});
});
最佳答案
更改关闭图像:
<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);
});
关于javascript - 如何使用jquery将ID从mysql发送到div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32522896/