尝试获取jquery代码以理解我的唯一ID

我的每一篇评论都有一个人物倒计时脚本。当用户单击“编辑”时，该数字会随着用户的键入而减少。他们最多能输入200个字符

每个“review”的id为

@review.id

我的评论如下：

当我在其下方的“审阅”中单击“编辑”、“审阅2”或任何其他审阅（可能有很多）时，问题就会出现：

因此，我在代码中分离/提供唯一id时遇到问题。我的倒计时脚本是（数字出现的div是char\u count\u label）：

$（文档）.ready（函数（）{
var characters=200-$（'textarea'）.val（）.length；
$（“.char\u count\u label”）。追加（字符）；
$（'textarea'）.keyup（函数（）{
如果（$（this）.val（）.length>200）{
$（this.val（$（this.val（）.substr（0200））；
}
剩余var=200-$（this）.val（）.length；
$（“.char\u count\u label”）.html（剩余）；
});
});

在我的html/erb中，我有：

   <div class = "char_count_label">"</div>

”

---

我认为在我的代码中提供特定的审阅id会起到类似于

的作用，在
键控
处理程序中，您正在查询整个文档中的
.char\u count\u label
元素，而您真正想做的是更新与
关联的
.char\u count\u label
元素

而不是

$(".char_count_label").html(remaining);

试一试

在您的特定情况下，很难知道如何查询
.char\u count\u标签
，因为您没有显示您正在使用的HTML，但我的要点是，您希望引用
.char\u count\u标签
的单个实例，而不是您当前所做的所有实例。
这里的
char\u count\u标签
就是ne
textarea
s最近的
对照组的xt兄弟

$(document).ready(function()  {
    var characters = 200 -  $('textarea').val().length;
    $(".char_count_label").append(characters);
    $('textarea').keyup(function(){
        if($(this).val().length > 200){
            $(this).val($(this).val().substr(0, 200));
        }
        var remaining = 200 -  $(this).val().length;
        $(this).closest('.control-group').next(".char_count_label").html(remaining);
    });
});

您是否可以与textarea和
char\u count\u标签共享html部分
问题在于不使用
$（“.char\u count\u标签”）
，你需要找到文本区域旁边的
字符计数标签
。在那里，我添加了我的html.erb.Hm，我将研究如何让它识别准确的字符计数标签。谢谢。我希望看到生成的html而不是erb文件…你是说我在Chrome中单击F12时生成的html？好的，现在就把它放出来…Tried了你的代码，但它不起作用。我明白你的意思，我会玩转你的想法。谢谢！-添加了我的html.erb，如果有帮助的话。太好了，谢谢你！问题解决了。但是当我在后续评论中单击“编辑”时，当前评论中的数字会添加到上面的评论中。因此，review1说“191”，我打开了review2，它有“14”0'然后review1说'191140'，我打开review3，它有'120'，review1变成'191140120'，评论变成'140120'，等等.令人头痛的东西！知道如何解决这个问题吗？通过添加'$（this）.最近的（'.control group'）。下一步（.char\u count\u label'）。追加（字符）；'而不是'$（.char count\u label'）。追加（字符）；'在'$（文档）中）.ready（函数（）'
$(".char_count_label").html(remaining);

$(this).next('.char_count_label').html(remaining);

$(document).ready(function()  {
    var characters = 200 -  $('textarea').val().length;
    $(".char_count_label").append(characters);
    $('textarea').keyup(function(){
        if($(this).val().length > 200){
            $(this).val($(this).val().substr(0, 200));
        }
        var remaining = 200 -  $(this).val().length;
        $(this).closest('.control-group').next(".char_count_label").html(remaining);
    });
});