用一個ajax調用更改兩個div

Question

我的項目中有一個功能，允許用戶將某些rss源設置為收藏夾。

我正在使用codeigniter，我的看法是這樣的：

<a href="#" data-toggle="collapse">
   <h5><b> <span class="glyphicon glyphicon-star-empty"></span> Favorites </b></i></h5>
</a>

<ul class="list-unstyled collapse in" id="favorites">
   <?php foreach( $source as $fav ) :  if( $fav->favourite == 1 ) {?>
      <li>
         <a id="some_id">  <?php echo $fav->rss_title; ?></a>
      </li>
   <?php } endforeach; } ?>
</ul>

   <!-- all favorite links are placed in a left sidebar....in header, i have a div with different opperations... -->
   <div class="col-sm-12">               
      <?php if ( $isFavourite == 0 ) { ?>
          <li><h4><a class="addfav" id='just_id' href="#favorite">Add this Rss Source to Favourites</a></h4></li>
      <?php } else { ?>
          <li><h4><a class="removefav" id='just_id' href="#favorite">Remove this Rss Source from Favourites</a></h4></li>
      <?php } ?>

      // and other options ...
   </div>

這是我使用ajax的腳本：

<script>
$(document).ready(function(){
    $(document).on('click','.addfav',function(){
        var id=this.id;

        $.ajax( {
                    type: "POST",
                    data: {id:id},
                    url: "<?php echo site_url('rssFeedReader/addFavorites'); ?>",
                    success: function(msg) 
                    {
                        $("#favorites").append(msg);
                    }
                })
    });
});
</script>

一切正常，但我無法做某事...在我將鏈接添加到收藏夾（通過“ append”）后，我想將標題中的選項從“將此Rss源添加到收藏夾”更改為“刪除此rss”最喜歡的來源。 我這樣做了，但是只有在我重新加載頁面時才起作用...我想用ajax添加鏈接時要這樣做....

如何在同一ajax調用中更改包含這些選項的div？ 我可以在'$（'＃favorites'）。append（msg）;行之后做點什么嗎？ ？

Answer 1

如果要更改選項，請執行以下操作：

$('.addfav').addClass('removefav').removeClass('addfav').text('Remove this Rss Source from Favourites');

之后

$("#favorites").append(msg);

線

這將改變

<a class="addfav" id='just_id' href="#favorite">Add this Rss Source to Favourites</a>

至

<a class="removefav" id='just_id' href="#favorite">Remove this Rss Source from Favourites</a>

然后您顯然可以將偵聽器添加到對象以添加功能。