Jquery 将1添加到<;h3>;标签
我有多个标签(有多少是未知的,因为它可以更改)Jquery 将1添加到<;h3>;标签,jquery,html,numbers,Jquery,Html,Numbers,我有多个标签(有多少是未知的,因为它可以更改)和同一个类。love\u numer <h3 class="love_nummer">1</h3> 刚才注意到您使用了.val()来获取文本,但无法使用。相反,您应该使用.text() 您需要替换到以下位置: $('.give_love')。在(“单击”,函数(e){ var love_givin=parseInt($(this).parent().find('.love_numer').text()); $(this.p
和同一个类。love\u numer
<h3 class="love_nummer">1</h3>
刚才注意到您使用了
.val()
来获取文本,但无法使用。相反,您应该使用.text()
您需要替换到以下位置:
$('.give_love')。在(“单击”,函数(e){
var love_givin=parseInt($(this).parent().find('.love_numer').text());
$(this.parent().find('.love\u numer').text(++love\u givin);
});代码>
1.
LOVE
val()
用于具有值属性的元素,h3
不是这样的元素。
请尝试text()
,以后不要忘记更新:
$('.give_love')。在(“单击”,函数(e){
var元素=$(this.parent().find('.love_numer');
var love_givin=parseInt(element.text());
爱_givin++;
html(love_givin.toString());
});代码>
1.
爱
试试这个,它只会增加上一篇文章的数量
$('.give_love')。在(“单击”,函数(e){
var love_num=$(this.prev('.love_numer');
var love_givin=parseInt(love_num.text());
love_num.text(++love_givin);
});代码>
1.
爱
好吧,看起来你在计算后没有做任何事情来更新值。另外,因为您使用的是
标记,所以我认为使用.text()
比使用.val()
更好
$('.give_love').click(function(e) {
var love_givin = parseInt($(this).parent().find('.love_nummer').text());
love_givin++;
$(this).parent().find('.love_nummer').text(love_givin);
});
以下是一个工作示例:
通过这种方式,所有的love\u numer
都将被修改,而不仅仅是相关的。是的,我知道我已经删除了那条评论,是为了快速reacting@TimoVossen这里也一样,只是更新了评论请分享完整的HTML结构。比如这两个标签的父项是什么,等等。
$('.give_love').on("click", function(e){
var love_givin = parseInt($(this).parent().find('.love_nummer').val());
love_givin++;
});
$('.give_love').click(function(e) {
var love_givin = parseInt($(this).parent().find('.love_nummer').text());
love_givin++;
$(this).parent().find('.love_nummer').text(love_givin);
});