Javascript jQuery在单击并替换时附加值

Javascript jQuery在单击并替换时附加值,javascript,jquery,Javascript,Jquery,我试图将按钮文本附加到范围中,但它仅显示每个.item下上次单击的按钮的值 因此,无论单击的按钮文本是什么,都将其附加到跨度中,并用下一个按下的按钮文本替换该值,依此类推 $.list.onclick、.button、函数{ var x=$this.nestest.item; 变量y=$.button.text; $'value'。追加+y+; }; 项目1 50 项目2 30 项目3 70 总计:我会像这样构建您的html,然后以跨度为目标并使用.text更新它。我这样使用标记的内部,因为如

我试图将按钮文本附加到范围中,但它仅显示每个.item下上次单击的按钮的值

因此,无论单击的按钮文本是什么,都将其附加到跨度中,并用下一个按下的按钮文本替换该值,依此类推

$.list.onclick、.button、函数{ var x=$this.nestest.item; 变量y=$.button.text; $'value'。追加+y+; }; 项目1 50 项目2 30 项目3 70
总计:我会像这样构建您的html,然后以跨度为目标并使用.text更新它。我这样使用标记的内部,因为如果您尝试更新整个span标记,它也会删除total:text。我还通过删除var x=$this.nestest.item,对jquery进行了一点精简;因为在这种情况下我们不需要它,所以我们不确定它在里面是干什么用的

$('#value span').text(y);
$'.button'。单击,函数{ var y=$this.text; $'value span'.texty; }; 项目1 50 项目2 30 项目3 70

Total:0

我会像这样构建html,然后以跨度为目标,使用.text更新它。我这样使用标记的内部,因为如果您尝试更新整个span标记,它也会删除total:text。我还通过删除var x=$this.nestest.item,对jquery进行了一点精简;因为在这种情况下我们不需要它,所以我们不确定它在里面是干什么用的

$('#value span').text(y);
$'.button'。单击,函数{ var y=$this.text; $'value span'.texty; }; 项目1 50 项目2 30 项目3 70

Total:0

可能只是替换

$('#value').append('(' + y + ')');

也许只是换一个

$('#value').append('(' + y + ')');

问题是:

您要求jQuery做的是将每个对象的文本值附加一个“.button”类,因为所有三个按钮都有该类,所以无论您单击哪个按钮,都会得到每个按钮的文本值

解决方案:

使用“this”关键字!在单击侦听器的上下文中,“this”关键字将引用触发事件的控件。换句话说,单击的控件。现在,每次单击只会附加一个按钮的值

例如:

$.list.onclick、.button、函数{ var y=$this.text; $'value'。追加+y+; }; 项目1 50 项目2 30 项目3 70 总计:问题:

您要求jQuery做的是将每个对象的文本值附加一个“.button”类,因为所有三个按钮都有该类,所以无论您单击哪个按钮,都会得到每个按钮的文本值

解决方案:

使用“this”关键字!在单击侦听器的上下文中,“this”关键字将引用触发事件的控件。换句话说,单击的控件。现在,每次单击只会附加一个按钮的值

例如:

$.list.onclick、.button、函数{ var y=$this.text; $'value'。追加+y+; }; 项目1 50 项目2 30 项目3 70
总计:参考实际问题。。var x=$this.closest.item;的用途是什么@贝内特:好的。我会更新答案,包括我做的小修改。我只是说。。x已创建但从未使用。。事实上,OP应该回答说,我绝对同意这一点。为了保持整洁,我暂时删除了它。我正在使用单击功能从.list中查找每个.item中的元素并返回内容。例如:$title.textt.find.title.text,在项目中查找.title,并在点击实际问题的.button时将内容返回到title。。var x=$this.closest.item;的用途是什么@贝内特:好的。我会更新答案,包括我做的小修改。我只是说。。x已创建但从未使用。。事实上,OP应该回答说,我绝对同意这一点。为了保持整洁,我暂时删除了它。我正在使用单击功能从.list中查找每个.item中的元素并返回内容。例如:$title.textt.find.title.text,在项目内部查找.title,并在单击.button时将内容返回到title。问题的一部分还包括在单击新值后删除以前的值。问题的一部分还包括在单击新值后删除以前的值。