1

私はjQueryとJSにかなり慣れていません。もちろん、より単純なバージョンではありますが、Twitter のようなものを構築しようとしています。JSFiddle は次のとおりです。基本的には、それぞれのツイートに独自のコメント ボックスが必要です。すべての (個別の) ツイートの場合、コメント ボックスは最後のツイートの最後に表示されます。自分がやろうとしていることをどのように達成できますか?

Javascript:

$(document).ready(function () {
$("#btn1").click(function () {
    $("p").append(" <b>Appended text</b>.");
});

$(".commentbutton").click(function v() {
    var text = $("#txt1").val();

    $("body").append('<br><div class="x"><label class="gp">' + text + '</label><button id="b1"</button>Comment</div>');
    $("body").find(".x:last").hide().slideDown("slow");

});

$(document).on('click', '.x>button', function () {
    $('body').find('.x:last').append('<input id="txt1" type="text">');
    });
});

HTML:

<div style="position:absolute;left:230px;top:30px;border:solid;display:inline-block">
<p>Type a tweet</p>
<input id="txt1" type="text">
<br>
<button id="btn2" class="commentbutton">Tweet</button>
</div>

CSS:

.gp {
border-style:solid;
max-width:30%;
padding:2px;
display:block;
}
.x {
width:200px;
background-color:#93bbd4;
border-style:solid;
}
#txt1 {
width:200px;
height:28px;
}
4

2 に答える 2

1

これを参照してください:サンプル

$(document).on('click', '.x>button', function () {
    var id = "twt" + $(this).parent().index() +  "txt" + ($(this).parent().find('input').length+1);
    $(this).parent().append('<input id="' + id+ '" type="text">');
});

textbox appendind の問題を修正しました。それに加えて、私はあなたが抱えている複数のIDの問題も修正しました..

于 2013-03-18T14:35:35.190 に答える
0

に変更append()しprepend()ます。私があなたの質問を正しく理解していれば、それで十分です。

于 2013-03-18T14:33:49.327 に答える