我有一张带按钮的桌子:
并且我已经为每个人设置了特定的ID,但是我没有看到我如何从JQuery脚本中访问它们,所以我可以为它们中的每一个设置特定的ID。
修改
所有按钮都有唯一的ID:
显示在谷歌chrome检查元素:
当我点击REMOVE时,我希望删除该行。我可以做到这一点,并通过GET使用PHP完成此操作但是我不想每次删除一个页面时都要刷新页面。我测试了使用JQuery .GET并且它工作正常然而我不想要创建一个新脚本来删除每一行,而是通过获取行的ID并删除REMOVE按钮的行来动态地执行它我已经尝试了多种方法,但我所做的只是失败。
这是在表格中打印数据的脚本
function print_data($info1,$info2,$info3,$info4,$info5,$info6,$info7,$info8){
echo"<tr><td id='notice1id$info8'>$info1</td><td id='noticename$info8'>$info2</td><td id='noticetype$info8'>$info3</td><td id='noticecontent$info8'>$info4</td><td id='noticeshow$info8'>$info5</td><td id='noticeedit$info8'><a href='admincp.php?edit=1&editid=$info6'><div class='btn btn-success'>Edit</div></a></td><td id='noticeremove$info8'><input type='button' id='remove$info8' value='remove' onclick='removeMe();' class='btn btn-danger' name='$info8'></td><td style='display:none;'><p id='getid' name='$info8' style='display:none;'></p></td><td style='display:none;'><script> function removeMe() { alert($info8);}</script></td><input id='noticeid$info7' class='form-control' style='display:none;' type='text' name='$info8' value=$info7></td></tr>";
?><?php
}
while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)){
print_data($row['NoticeID'],$row['NoticeName'],$row['NoticeType'],$row['NoticeContent'],$row['NoticeShow'],$row['NoticeID'],$row['NoticeID'],$row['NoticeID']);
}
JavaScript:
$(document).ready(function () {
var id = $("#getid").attr("name");
alert("#remove" + id);
$("#remove" + id).click(function () {
var getcontent = $("#noticeid4").val();
$("#notice1id5,#noticename5,#noticetype5,#noticecontent5,#noticeshow5,#noticeedit5,#noticeremove5").slideUp(300, function () {
// Animation complete.
});
});
});