获取对附加项目的引用并将其他一些项目附加到先前附加的项目答案

【问题标题】：get reference to the appended item and append some other item to the previously appended item获取对附加项目的引用并将其他一些项目附加到先前附加的项目
【发布时间】：2016-04-28 15:52:44
【问题描述】：

理论：

这是分类网站，分类网站中的每个帖子都有聊天图标，如果用户点击此按钮，将打开一个新的聊天框

<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或class将不起作用我需要对附加项目的引用。

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>

到附加的项目。所以它变成了

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

提前致谢

【问题讨论】：

所以您想要引用您的box 对吗？那么你想在什么时候引用它呢？就像点击某些东西等等...你如何决定要附加到哪个box？（不明智地编码但我有兴趣知道明智的想法。）决定抓取和操作哪个box 的逻辑是什么
@Reddy 例如 var ref=item.append(newBox);如果 ref 可以作为参考，那就太好了。

标签： javascript jquery

【解决方案1】：

例如 var ref=item.append(newBox);如果 ref 可以作为参考，那会很好。 ——

既然你提到了这一点，你可以很容易地做到这一点。

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

现在您的 ref 将在其中包含 <div class="box" >...</div> 作为 Jquery DOM 对象

【讨论】：

@scriptkiddie 很高兴为您提供帮助。