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

Question

我正在尝试用 jquery 替换跨度类中的内容。我知道我的 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 %>");

另外，red-count 是一个类，所以使用.而不是#

Answer 3

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

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