Javascript 如何为append创建动态选择器?
嗨,伙计们,我需要将数据附加到一个div中,在这个div中我不能动态地显示div。看看这个代码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); ?>
<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>');";