multiplos comentarios mesma página

[diasgabrie 0]

boa noite pessoal!

 

estou com um grande problema e não sei como resolver.

 

tenho os posts dos usuários e os outros usuários podem comentar esses posts, em uma página posso ter vários posts e cada um com vários comentários.

 

html:

<div id="commentscontainer1">
</div>

<div class="comment-text pull-left">
<textarea class="text-holder" placeholder="Write a comment.." id="message" value="1"></textarea>
</div>

<div id="commentscontainer2">
</div>

<div class="comment-text pull-left">
<textarea class="text-holder" placeholder="Write a comment.." id="message" value="2"></textarea>
</div>

... container3 value 3, 4,5, 6... e assim por diante.

 

 

 

meu js:

 

$(document).ready(function() {


var msg = '#message';


$('.time').timeago();
$(msg).autosize();


$('#post_comment').click(function() {
$(msg).focus();
});


$(msg).keypress(function(e) {
if(e.which == 13) {
var val = $(msg).val();
                        var value = $("#message").attr('value');


$.ajax({
url: 'php-comments/php/ajax.php',
type: 'GET',
data: 'id='+value+'&token=<?php echo $token; ?>&msg='+escape(val),
success: function(data) {
$(msg).val('');
$(msg).css('height','14px');
$('#commentscontainer'+value).append(data);
$('.time').timeago();
}
});
}
});
});

meu problema é, vou ter vários textarea message, mas só o primeiro funciona devido ao id message igual em todos eles. se eu coloco pra ir mudando message1, message2 meu script para de funcionar pois não sei como pegar o message1, message2 e assim por diante.

 

como poderia resolver esse problema?

muito obrigada!

 

[William Bruno 1501]

Trabalhe com classes e não com ID.

 

$('.text-holder').autosize();

e por ai em diante.

[diasgabrie 0]

consegui, mas na verdade era um this que faltava:

 

var val = $(this).val();

var value = $(this).attr('value');

var id = $(this).attr('id');

obrigada!