Javascript 如何为append创建动态选择器?

Javascript 如何为append创建动态选择器?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,嗨,伙计们,我需要将数据附加到一个div中,在这个div中我不能动态地显示div。看看这个代码 <li class="media_comment'+$post_id+'"></li> 现在post_id是一个动态值,我将加入到我的类中 现在,我需要向这个文件添加一些数据 $(.media_comment).append('<li class=" media-top"><?php echo img($user_file_image); ?>

嗨,伙计们,我需要将数据附加到一个div中,在这个div中我不能动态地显示div。看看这个代码

<li  class="media_comment'+$post_id+'"></li>
  • 现在post_id是一个动态值,我将加入到我的类中

    现在,我需要向这个文件添加一些数据

     $(.media_comment).append('<li class=" media-top"><?php echo img($user_file_image); ?> <p>'+comment +'</p> <br><a href="#">Like</a> · <a href="#">Reply</a> </li>');
    
    $(.media_comment).append(“
  • ”+comment+”


    ·
  • ”);
    我在append函数中也有相同的变量post_id。但是这个值在一个循环中,我只需要将它附加到li中,其中传递的是相同的post_id,它将相同的数据发布到每个li,那么我可以做什么来设计一个动态选择器呢? 是否可以这样做,或者我应该尝试另一种方法

    $(window).load(function(e){
        // grab the scroll amount and the window height
           loadmore();
           select_likes();
    
           select_share();
           // get_recieve_friend_requests();
           // get_sent_friend_requests();
        });
    
     function loadmore(){
              var lastID = $('.load-more').attr('lastID');
              alert(lastID);
    
                  jQuery.ajax({
                      type:'POST',
    
                      url:'<?php echo base_url("user/get_all_post"); ?>',
                       data: {id:  lastID },
                          dataType: 'json', 
    
    
                      beforeSend:function(data){
                          $('.load-more').show();
                      },
                      success:function(data){
    
                             var ParsedObject = JSON.stringify(data);            
                             var json = $.parseJSON(ParsedObject);
    
    
                             if (json=="") {
                              $("#bottom").append('<div class="btn btn-default col-md-6" >'+'No More Results'+'</div>');
                              $("#Load_more_data").hide();
    
                             }else{
    
                               $postID=json[json.length-1].id;
    
                  $('.load-more').attr('lastID', $postID);
    
                    $.each(json, function (key, data) {
    
    
       var post_id=data.id;
    
        // alert(data_id);
        var post_status=data.status;
         var status_image=data.status_image;
        var multimage=data.multimage;
    
                                 if(!post_status=="" && !status_image==""){
                                  alert(post_id);
                                   $("#status_data").append('<div class="panel-footer "  onload="select_comment('+post_id+');"><div class="row"><div class="col-md-12"><a href="#">13 people</a> like this</div></div><ul class="media-list"><li  class="media_comment" id="comment_div'+post_id+'"></li><li class="media"><div class="media-left media-top"><?php echo img($user_file_image); ?></div><div class="media-body"><div class="input-group"><form action="" id="form_content_image"><textarea name="textdata" id="content_comment_image" cols="25" rows="1"  class="form-control message"  placeholder="Whats on your mind ?"></textarea><button type="submit" id="comment_button_image" onclick="comment_here_image('+post_id+');">Comment</button></form></div></div></li></ul></div></div>');
                                 } 
                            });
                      }
                  }
                });
              }
    function select_comment(post_id)
    {
    
      // alert(post_id);
      var Post_id=post_id;
      var User_id = $('.id_data').attr('value');
     jQuery.ajax({
                      type:'POST',
                      url:'<?php echo base_url("user/select_comment"); ?>',
                      data: {Post_id:Post_id,User_id:User_id},
                      dataType: 'json', 
                      success:function(data)
                      {
                        var ParsedObject = JSON.stringify(data);            
                             var json = $.parseJSON(ParsedObject);
                             $.each(json, function (key, data) {
                              var comment=data.comment;
                              var post_id=data.post_id;
                              $post_id=post_id;
                              $("#comment_post_id").attr('value',$post_id);
                                 $(#comment_div).append('<li class=" media-top"><?php echo img($user_file_image); ?> <p>'+comment +'</p> <br><a href="#">Like</a> · <a href="#">Reply</a> </li>');
                      });
                    }
              });
    
    }
    
    $(窗口)。加载(函数(e){
    //抓取滚动量和窗口高度
    loadmore();
    选择_likes();
    选择_share();
    //收到朋友的请求();
    //获取发送的朋友请求();
    });
    函数loadmore(){
    var lastID=$('.load more').attr('lastID');
    警报(lastID);
    jQuery.ajax({
    类型:'POST',
    url:“”,
    数据:{id:lastID},
    数据类型:“json”,
    发送前:函数(数据){
    $('.load more').show();
    },
    成功:功能(数据){
    var ParsedObject=JSON.stringify(数据);
    var json=$.parseJSON(ParsedObject);
    如果(json==“”){
    $(“#底部”).append(“+”无更多结果“+”);
    $(“#加载更多数据”).hide();
    }否则{
    $postID=json[json.length-1].id;
    $('.load more').attr('lastID',$postID);
    $.each(json、函数(键、数据){
    var post_id=data.id;
    //警报(数据标识);
    var post_状态=data.status;
    var status\u image=data.status\u image;
    var multimage=data.multimage;
    如果(!post_status==“”&&!status_image==“”){
    警报(post_id);
    $(“#状态数据”).append('like this
    • comment
    • ); } }); } } }); } 功能选择注释(post\U id) { //警报(post_id); var Post_id=Post_id; var User_id=$('.id_data').attr('value'); jQuery.ajax({ 类型:'POST', url:“”, 数据:{Post_id:Post_id,User_id:User_id}, 数据类型:“json”, 成功:功能(数据) { var ParsedObject=JSON.stringify(数据); var json=$.parseJSON(ParsedObject); $.each(json、函数(键、数据){ var comment=data.comment; var post_id=data.post_id; $post\u id=post\u id; $(“#comment_post_id”).attr('value',$post_id); $(#comment_div).append(“
    • ”+comment+”

      ); }); } }); }
    这是循环。

    更新:(尝试沿着这条线更新循环…)

    成功:函数(数据)
    {
    var ParsedObject=JSON.stringify(数据);
    var json=$.parseJSON(ParsedObject);
    $.each(json、函数(键、数据){
    var comment=data.comment;
    var post_id=data.post_id;
    var mediaID='.media_comment'+post_id;
    $(mediaID).append(“
  • ”+comment+”


    ·
  • ”); });
    当您在json对象上循环时,如果代码位于压缩的php端,请尝试在此处插入类似的内容

    $sel = ".media_comment$post_id";
    $img = img($user_file_image);
    $com = $comment;
    
    echo "$($sel).append('<li class='media-top'>$img <p>$com</p> <br><a href='#'>Like</a><a href='#'>Reply</a> </li>');";
    
    $sel=“.media\u comment$post\u id”;
    $img=img($user\u file\u image);
    $com=$comment;
    echo“$($sel).append('
  • $img$com


  • ');”;
    也发布循环。检查编辑的@jait give syntax error“syntax error,无法识别的表达式:.media\u comment$post\u id”@oserk是模板(php)文件中的函数
    选择\u comment
    ,还是某个javascript文件中的函数?它是codeigniter中我的控制器中的函数。@oserk
    $sel = ".media_comment$post_id";
    $img = img($user_file_image);
    $com = $comment;
    
    echo "$($sel).append('<li class='media-top'>$img <p>$com</p> <br><a href='#'>Like</a><a href='#'>Reply</a> </li>');";