如何在jquery中的appended元素之间追加数据？

hc8w905p 于 2022-11-22 发布在 jQuery

关注(0)|答案(1)|浏览(226)

我想把所有的帖子喜欢者的名字附加在一个div中，就像Facebook的帖子喜欢者的名字显示在悬停。
母jQuery追加：

//alllikes users details
               $('.posted-area').append('\
               <div class="posted-footer posted-likes">\
               <ul>\
                 <li>\
                   <a href="javascript:void(0)" data-toggle="modal" data-target="#friend-list"><i class="fa fa-thumbs-up"></i> <span class="allpostlikers">Kash,Kruti and 5 Others</span></a>\
                 </li>\
               </ul>\
               </div>\
               <div class="other-list">\
               </div>\
               ');

第二个附加将显示在Mother append中的类名other-list中：

$.each(item.postlikes, function(key, likeruser){                       
                         $('.other-list').append('\
                          <ul>\
                           <li><a href="#"> '+likeruser.user_id+' </a></li>\
                            </ul>\
                          ');
                 });

jquery

来源：https://stackoverflow.com/questions/74396761/how-can-i-append-data-among-appended-element-in-jquery

1条答案

按热度按时间

ghhkc1vu1#

试试这个：

//DEFINE THE PARENT AS AN OBJECT
var postedFooter = $('\
   <div class="posted-footer posted-likes">\
   <ul>\
     <li>\
       <a href="javascript:void(0)" data-toggle="modal" data-target="#friend-list"><i class="fa fa-thumbs-up"></i> <span class="allpostlikers">Kash,Kruti and 5 Others</span></a>\
     </li>\
   </ul>\
   </div>\
   <div class="other-list">\
   </div>\
');

//APPEND THE PARENT OBJECT
$('.posted-area').append($(postedFooter));

//APPEND THE OTHER LISTS TO THE PARENT OBJECT
$.each(item.postlikes, function(key, likeruser){                       
    $('.other-list', $(postedFooter)).append('\
        <ul>\
            <li><a href="#"> '+likeruser.user_id+' </a></li>\
        </ul>\
    ');
 });

中的每一个
或者另一种方法是预编译并且只进行一次追加。

//DEFINE THE PARENT AS AN OBJECT
var postedFooter = '\
   <div class="posted-footer posted-likes">\
   <ul>\
     <li>\
       <a href="javascript:void(0)" data-toggle="modal" data-target="#friend-list"><i class="fa fa-thumbs-up"></i> <span class="allpostlikers">Kash,Kruti and 5 Others</span></a>\
     </li>\
   </ul>\
   </div>\
   <div class="other-list">';

$.each(item.postlikes, function(key, likeruser){                       
    postedFooter += '\
        <ul>\
            <li><a href="#"> '+likeruser.user_id+' </a></li>\
        </ul>\
    '
 });

postedFooter += '\
   </div>\
   </div>\
';

//APPEND THE PARENT OBJECT
$('.posted-area').append($(postedFooter));

格式

赞(0）回复(0）举报 2022-11-22

我来回答

如何在jquery中的appended元素之间追加数据？

1条答案

相关问题

热门标签

最新问答