0

.append()我正在尝试使用jquery将一个部门附加到一个部门。但是我的代码没有附加除法。

我的代码是：

    for(var k = 0,len=data.shareInfo.length;k<len;k += 1){
    var newcommhtml = '<div id="S0'+thecid+'" class="snew">';
    newcommhtml = newcommhtml + '<div class="author-image"><img src="data:image/jpeg;base64,'+data.shareInfo[k].senderPicture+'" alt="'+data.shareInfo[k].uname+'" width="100%" height="100%" class="ava"></div><span>'+data.shareInfo[k].uname+' shared the image '+data.shareInfo[k].imname+'</span>';
    newcommhtml = newcommhtml + '<div class="s-content"><div class="s-message"><span>'+nl2br(data.shareInfo[k].message+'</span></div><div class="shpicture">');
    newcommhtml = newcommhtml + '<img src="data:image/jpeg;base64,'+data.shareInfo[k].image+'" alt="'+data.shareInfo[k].imname+'" width="100%" height="100%" data-id="'+data.shareInfo[k].id+'" data-alid="'+data.shareInfo[k].alid+'" data-shareid="'+data.shareInfo[k].shareId+'">';
    newcommhtml = newcommhtml + '</div></div>';
    var thelm = "#S0"+thecid;
    $('#spscrl').append(newcommhtml);
    $(thelm).hide().fadeIn('slow');
    var newcommhtml=null;
    newcommhtml ='<div class="SPcommentbox">';
    newcommhtml = newcommhtml + '<div class="comment"><div class="commenter-image">';
    newcommhtml = newcommhtml +'</div><div class="commentername">';
    newcommhtml = newcommhtml +'</div><div class="addcomment"><input type ="text" placeholder="Write a comment..." class="commentbox"></input></div></div>';
    var selector='#S'+thecid;
    $(selector).append(newcommhtml);
    thecid++;
    }

该代码将能够附加divs到#spscrl. 但它无法附加到selector (#S+thecid)，如果我尝试使用它添加class，.snew它会附加division. 请注意，我正在使用 jQuery 添加 div ...

请任何人帮我解决这个问题...谢谢...

4

2 回答 2

2

您将 ID 设置newcommhtml为S0+ theCid，因此首先是 's'，然后是零，然后是 的内容theCid。稍后，您尝试重新创建该 ID，但忘记了零！这可以解释为什么这种方法第一次有效，但第二次无效。

所以改变：

var selector='#S'+thecid;

进入：

var selector='#S0'+thecid; // THE ZERO!

但是如果没有看到theCid.

于 2013-03-04T15:39:57.860 回答
1

你selector的变量是错误的。

此外，您还可以使用更多调整来提高代码的可读性，例如使用jQuery.each进行迭代、使用+=运算符进行连接以及使用方法链接等ar thelm = $(newcommhtml).hide().appendTo('#spscrl').fadeIn('slow');

$.each(data.shareInfo, function(i, v) {
    var newcommhtml = '<div id="S0' + thecid + '" class="snew">';
    newcommhtml += '<div class="author-image"><img src="data:image/jpeg;base64,'
            + v.senderPicture
            + '" alt="'
            + v.uname
            + '" width="100%" height="100%" class="ava"></div><span>'
            + v.uname
            + ' shared the image ' + v.imname + '</span>';
    newcommhtml += '<div class="s-content"><div class="s-message"><span>'
            + nl2br(v.message + '</span></div><div class="shpicture">');
    newcommhtml += '<img src="data:image/jpeg;base64,' + v.image + '" alt="'
            + v.imname + '" width="100%" height="100%" data-id="' + v.id
            + '" data-alid="' + v.alid + '" data-shareid="' + v.shareId + '">';
    newcommhtml += '</div></div>';

    $('#spscrl').append(newcommhtml);

    var thelm = $(newcommhtml).hide().appendTo('#spscrl').fadeIn('slow');

    newcommhtml = '<div class="SPcommentbox">';
    newcommhtml += '<div class="comment"><div class="commenter-image">';
    newcommhtml += '</div><div class="commentername">';
    newcommhtml += '</div><div class="addcomment"><input type ="text" placeholder="Write a comment..." class="commentbox"></input></div></div>';
    $(newcommhtml).appendTo(thelm);
    thecid++;
});

无需使用var newcommhtml两次或使用newcommhtml=null；

于 2013-03-04T15:40:34.830 回答