erhalten Bezugnahme auf die beigefügte Element und fügen Sie ein anderes Element an dem zuvor angehängten Artikel

Question

Theorie:

Es ist classifieds Website jeder Eintrag in der classifieds Website Symbol Chat hat, wenn ein Benutzer Klick auf diese Schaltfläche eine neue Chat-Box wird

offen

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

tatsächlich Chatbox wird angefügt

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

, sobald die Chat-Box offen ist, ich bin zu prüfen, ob der Benutzer angemeldet ist oder nicht, wenn ein Benutzer nicht angemeldet I

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

an der Chatbox

1.For jeder dort hinterlassen wird ein Chat-Symbol angehängt werden soll, Benutzer auf dem Chat-Symbol auf allen Beiträgen klicken kann, so id oder-Klasse wird nicht funktionieren Ich brauche einen Verweis auf den angehängten Artikel.

2.Ich kann wenn und sonst verwenden. aber ich möchte das versuchen.

Script: -

<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 

Beispiel: -

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

, wenn Sie klicken Sie einmal auf dieser

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

wird

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

Jetzt möchte ich einige Elemente innerhalb angehängter Artikel anhängen. (Ich brauche eine Art von Bezugnahme auf beigefügten Artikel, damit ich es später bearbeiten können.)

Jetzt möchte ich folgendes anfügen, wenn der Benutzer nicht in

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

dem beigefügten Artikel protokolliert. so wird es

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

Dank im Voraus

Answer 1

beispiels var ref = item.append (newBox); Wenn ref als Referenz dient, wird es gut sein. -

Da Sie dies erwähnt haben, können Sie dies leicht tun.

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

jetzt Ihre ref die <div class="box" >...</div> darin als JQuery DOM haben Objekt