2016-04-28 68 views
0

理论:得到参考所附的项目和其他一些项目追加到先前附加项目

它的分类广告网站的分类广告网站每个岗位有聊天图标,如果此按钮,用户点击一个新的聊天框开放

<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> 

记录到附加项目。因此它成为预先

+0

所以,你想你'box'权利作为参考?那么你想在什么时候引用它?就像是点击某件事物等等......而你如何决定要追加哪个“盒子”? (不是明智的编码,但我有兴趣知道明智的想法。)什么是逻辑来决定哪个“盒子”来抓取和操纵 –

+0

@Reddy例如var ref = item.append(newBox);如果ref作为参考,它将会很好。 – scriptkiddie

回答

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对象

+1

好兄弟谢谢 – scriptkiddie

+0

@scriptkiddie很乐意帮助你。 –

相关问题