我想动态更新元素的文本:
<div>
**text to change**
<someChild>
text that should not change
</someChild>
<someChild>
text that should not change
</someChild>
</div>
Run Code Online (Sandbox Code Playgroud)
我是jQuery的新手,所以这个任务对我来说似乎很有挑战性.有人可以指向我使用的功能/选择器吗?
如果可能的话,我想在不添加新容器的情况下执行此操作,以便我需要更改.
我想更改HTML元素的文本,但使用jQuery保留内部html的其余部分.
例如:
<a href="link.html">Some text <img src="image.jpg" /></a>
Run Code Online (Sandbox Code Playgroud)
将"Some text"替换为"Other text",结果应如下所示:
<a href="link.html">Other text <img src="image.jpg" /></a>
Run Code Online (Sandbox Code Playgroud)
编辑:我目前的解决方案如下:
var aElem = $('a');
var children = aElem.children();
aElem.text("NEW TEXT");
aElem.append(children);
Run Code Online (Sandbox Code Playgroud)
但必须有一些更优雅的方式来做到这一点.
每当按下按钮时,我一直试图更新我网站的这一部分:
在我的模板中,我通过{{ request.user.profile.coins }}以下方式访问此信息:
<span class="status">Balance: {{ request.user.profile.coins }}
<img class="coin-img" src="{% static 'assets/coin.png' %}" height="40px" width="auto">
</span>
Run Code Online (Sandbox Code Playgroud)
我正在研究该过程,并尝试使用 AJAX 函数来调用此视图:
@login_required(login_url='users/login')
def coin_increase(request):
"""
Function based view for increasing a user's coin balance
"""
if request.is_ajax():
try:
user = request.user
except User.DoesNotExist:
raise Http404("No user matches the given query.")
user.profile.coins += 5
user.save()
return render(request, 'home.html', {'home': home})
else:
raise Http404
Run Code Online (Sandbox Code Playgroud)
AJAX函数如下:
function update_coins() {
$.ajax({
method: "POST",
url: "/coins",
data: {},
success: function(data) {
alert("test");
}
}) …Run Code Online (Sandbox Code Playgroud)