javascript - 将 id 放置在 haml 线的中间

Question

我想要实现的是这个..

显示为

的行

Comments (32)

其中 32 是针对某个帖子的评论数。现在，这可以在 haml 中轻松实现

%h2 Comments (#{Post.count_of_comments})

但是，我正在使用 AJAX 和 javascript 创建和删除评论。我需要能够针对计数放置一个标识符，以便我可以在 javascript 中调整它。显然，我可以做到

#count
  %h2 Comments (#{Post.count_of_comments})

但是有没有什么方法可以将 id 标记仅针对计数而不是整行，或者如果失败，我将如何在 javascript 中识别该计数。

Answer 1

您可以将 ID 应用于 h2 本身，如下所示:

%h2#count Comments (#{Post.count_of_comments})

或者将跨度应用于计数:

%h2 Comments
    %span#count (#{Post.count_of_comments})

如果您只想使用 Javascript 插入原始数字，也可以通过 CSS 添加括号:

%h2 Comments
    %span#count #{Post.count_of_comments}

CSS:

#count:before {
    content: "(";
}

#count:after {
    content: ")";
}

JS:

var newCount = 42;
$('#count').html(newCount);