在Jquery中,追加值然后删除该值并再次追加相同的值如何?

时间:2013-06-25 11:57:17

标签: jquery html

这是jquery代码,我附加一些值并删除该值,但我想    再次附加相同的值。

 <script>
 $(function(e){


 $('#chat-links a').one("click",function(){ 


    var str = "Hi, " + this.id + " What's up?";
    var chatWindow ='<div id="chatWin" class="chat-window">'+ 
                    '<div  style="width:100%;height:auto;">'+
                    '<a href="#" class="linkClose"><span class="ui-icon ui-icon-close" style="float:right"></span></a>'
                    + str +
                    '<a href="#" class="expand_heading"><span class="ui-icon ui-icon-minus" style="float:right">minimize</span></a>'+
                    '<div class="toggle_container">'+
                    '<div style="width: 100%;height: 150px;background-color:rgb(243, 241, 229);"></div>'+
                    '<textarea rows="2" cols="20" style="margin-left: 10px;margin-top: 5px;"></textarea>'+'</div>'+'</div>'+'</div>'

$( '#聊天阶段')附加(chatWindow);

   $("a.expand_heading").toggle(function() {
            $(this).addClass("active");
        }, function() {
            $(this).removeClass("active");
        });
        $("a.expand_heading").click(function() {
            //console.log(this);
            $(this).next(".toggle_container").toggle();
        });

  });

  $('.linkClose').live('click', function(){
         $(this).parent().parent().remove();
         return false;
    })`enter code here`
    $("#chat-links a").click(function () {

         $('#chat-stage').add();

});
 });

</script>

in this code firstly i append value and  after i remove the same value but i want to 
add the same value when click the  **"$('#chat-links a')"**

There is Html code

     <ul id="chat-links">
    <li><a id="frooty" href="#">frooty</a></li>
    <li><a id="boby" href="#">boby</a></li>
    <li><a id="bittu" href="#">bittu</a></li>
    <li><a id="biku" href="#">biku</a></li>
</ul>

<div id="chat-stage"></div>

这是列表项,我点击其中一个,然后显示附加值和i    删除附加的相同值,但如何在同一位置添加相同的值。

0 个答案:

没有答案