Ajax - 替换内容

Question

这是我的代码。

<a href="#" id="bar_save" class="bar_save"> Save</a> |
<a href="#" id="bar_unsave" class="bar_unsave"> Unsave</a> |

在我的 Ajax 代码中，当用户单击"保存"时，它会将一个信息保存到我的 mysql 表中。然后，当他单击取消保存时，它会删除它。

我想做什么： 当用户单击保存时，它会显示<a href="#" id="bar_unsave" class="bar_unsave"> Unsave</a>而不是<a href="#" id="bar_save" class="bar_save"> save</a>.

我试过$('#bar_save').text('<a href="#" id="bar_unsave" class="bar_unsave"> Unsave</a>');但它不起作用。

有可能做到吗？

Answer 1

您可以将bar_unsave设置为默认隐藏。显示用户"保存"操作和隐藏bar_save的bar_unsave。

$('#bar_save').addClass("hidden");
$('#bar_unsave').removeClass("hidden");

Answer 2

我无法使用隐藏的方法，因为我做 mysql 查询。

这是我的整个代码。

<?php
if($fgmembersite->CheckLogin()) {
<?php
$req = $bdd->query('SELECT * FROM membres_save WHERE id='' . $_GET['id'] . ''');
if ($req->rowCount() == 0) {
?>
<span id ="bar_save_span"><a href="#" id="bar_save" class="bar_save"> Save</a></span> |
<?php }
else { 
?>
<span id ="bar_unsave_span"><a href="#" id="unsave" class="bar_unsave"> Unsave </a></span> |
<?php    }  } ?>

我试过

$('#dbar_save_span').replaceWith('<a href="#" id="unsave" class="bar_unsave"> Unsave </a>');

当用户单击保存时，它会显示此 html 代码，但当用户单击取消保存时，我的 ajax 函数不起作用。