Question

这是我的代码。

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

在我的Ajax代码中，当用户点击Save时，它会将一个信息保存到我的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_unsave＆＃39;保存＆＃39;动作并隐藏bar_save。

$('#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功能无效。

Ajax - 替换内容

2 个答案: