简单的ajax / jquery - 试图替换数字

Question

我正在尝试用jquery替换span类中的内容。我知道我的jquery文件正在读取，因为第一行有效。本质上，jquery的第一行向通知列表添加了新通知。第二行查询应使用新的@unseen_notifications.count替换站点上的现有数字。 jquery文件的第二行无效。我如何解决它？

jquery的：

$('#user_notifications').prepend("<%= j render(@user_notifications) %>");
$('#red-count').html.replaceWith("<%= @unseen_notifications.count %>");

HTML：

<span class="red-count">
    <%= @unseen_notifications.count %>
</span>

Answer 1

<span class="red-count">
    <%= @unseen_notifications.count %>
</span>

$('.red-count').html("<%= @unseen_notifications.count %>");

如果您使用课堂使用.而不是#

如果您想更改特定元素的html /内容，可以使用

$('YOUR ELEMENT SELECTOR').html('YOUR CONTENT')

如果您只是添加文字，则可以使用.text()

 $('YOUR ELEMENT SELECTOR').text('YOUR TEXT')

Answer 2

你不能写html.replaceWith。设置html如下

$('.red-count').html("<%= @unseen_notifications.count %>");

此外，红色计数是一个类，因此请使用.代替#

Answer 3

使用.text()代替.html.ReplaceWith()

$('.red-count').text("<%= @unseen_notifications.count %>");