、添付の項目への参照を取得し、以前に追加項目に

Question

理論を他のいくつかの項目を追加します。

クラシファイドサイト内の各ポストのアイコンをチャットしていることのクラシファイドサイト、もしこのユーザーがボタンをクリックして新しいチャットボックス意志ユーザーがいない場合はチャットボックスが、私は、ユーザーがログインしているかどうかチェックするかではないのですオープンしたら、実際にchatboxが

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

に追加されたオープン

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

私はchatbox

1.Forに各ポストを

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

を追加したいでチャットアイコンが表示されますログインし、ユーザーはその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> 

ログインしていない場合は、次を追加します。それは、例えば、VaRのREF = item.append（newBox）に対して予め

Answer 1

で

<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だから、あなたの `box`右への参照をしたいjQueryのDOMオブジェクト