得到參考所附的項目和其他一些項目追加到先前附加項目

Question

理論：

它的分類廣告網站的分類廣告網站每個崗位有聊天圖標，如果此按鈕，用戶點擊一個新的聊天框開放

<div class="box" ><div class="had-container">hi welcom</div></div> //chatbox 

實際上客艙追加到

<div id="insert"></div> 

一次聊天對話框打開我檢查用戶是否登錄或不如果用戶不登錄我想

<div class="loggedin">You are not logged in</div> 

追加到客艙

1.對於每個樁會有一個聊天圖標，用戶可以單擊所有帖子聊天圖標，因此，使用ID或類將無法正常工作我需要對附加項目的引用。

2.我可以使用if和else。但我想試試這個。

腳本： -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script> 
    $(function(){ 
     var item=$("#insert"); 
     var newBox = '<div class="box" ><div class="had-container">hi welcome</div></div>'; 
     $("#clickhere").on("click", function(){ 
     item.append(newBox); 
     if(usernotloggedin){ 
     // problem is here I don't know how to get the previously appended item's reference.   
     } 
     }) 
    }); 


    </script> 

    <div id="insert"></div> 

    <div id="clickhere">clicktoappend</div> //if you click once on this 

例子： -

<div id="clickhere">clicktoappend</div> 

如果您在本

<div id="insert"></div> 

點擊一次成爲

<div id="insert"><div class="box" ><div class="had-container">hi welcome</div></div></div> 

現在我想追加附加項目中的一些元素。 （我需要某種參考附加項目，所以我以後可以操縱它。）

現在我想追加下面，如果用戶沒有在

<div class="loggedin">You are logged in</div> 

記錄到附加項目。因此它成爲預先

Answer 1

例如VAR REF = item.append（newBox）

<div id="insert"><div class="box" ><div class="had-container">hi welcome</div><div class="loggedin">You are not logged in</div></div></div> 

感謝;如果ref作爲參考，它將會很好。 -

既然你提到過，你可以很容易地做到這一點。

var ref=item.append(newBox).find('.box');

現在您ref將在它的<div class="box" >...</div>作爲一個jQuery DOM對象