Javascript 为什么追加到元素时我的增量为0
所以我有一个问题,每当我点击触发增量的特定按钮时,我的var I=0就会递增。我在控制台上测试了它,increment正在工作,只要按下按钮,它就会上升1。 但问题是,当我在HTML中将段落和“I”添加到div中时,它只是显示一个“0”,当单击按钮时,它不会更改值,如1、2、3。 我希望它计算完成了多少任务。 我试着用谷歌搜索,但找不到答案 我只是想说我还是JS和JQuery的初学者。所以不要对我太苛刻DJavascript 为什么追加到元素时我的增量为0,javascript,jquery,Javascript,Jquery,所以我有一个问题,每当我点击触发增量的特定按钮时,我的var I=0就会递增。我在控制台上测试了它,increment正在工作,只要按下按钮,它就会上升1。 但问题是,当我在HTML中将段落和“I”添加到div中时,它只是显示一个“0”,当单击按钮时,它不会更改值,如1、2、3。 我希望它计算完成了多少任务。 我试着用谷歌搜索,但找不到答案 我只是想说我还是JS和JQuery的初学者。所以不要对我太苛刻D var i = 0 $(".taskdone").append(`<p>${
var i = 0
$(".taskdone").append(`<p>${i}</p>`)
function createElement(e) {
$(".ul").append(`<div>
<li class="list"> ${e} </li>
<button onclick=" changeText(), deleteItem(this) " class="task-done"></button>
<hr>
</div>`)
function deleteItem(event) {
event.parentElement.remove();
$(".container").animate({
height: "-=95px"
}, 800);
i++;
};
};
var i=0
$(“.taskdone”).append(`${i}`)
函数createElement(e){
$(“.ul”)。附加(`
${e}
`)
函数deleteItem(事件){
event.parentElement.remove();
$(“.container”).animate({
高度:“-=95px”
}, 800);
i++;
};
};
关键是i
确实增加了increment
,但是i
中的increment
不会导致$(“.taskdone”)
得到更新
如果您console.log
i在每次单击按钮后都会看到它在更新
您只需手动更新p
内的.taskdone
,就可以在incremetite
发生以下情况时进行更新:
$(".taskdone p").text(i)
关键是
i
确实会增加
,但i
中的增加
不会导致更新$(“.taskdone”)
如果您console.log
i在每次单击按钮后都会看到它在更新
您只需手动更新p
内的.taskdone
,就可以在incremetite
发生以下情况时进行更新:
$(".taskdone p").text(i)
您可以显示定义和添加单击处理程序的代码吗?实际上,
i
从未递增,您是如何在控制台中递增它的?粘贴的代码中没有递增i
的逻辑,因此它当然不会递增。在您发布的代码段中,您正在将0
的值分配给i
。它不会在任何地方递增。您需要发布足够的代码来演示问题,但不要发布太多,这样问题就会被隐藏。模板文本会立即进行评估:它会生成一个字符串“0”
,而没有指向变量i
的任何动态链接,该变量以后可能会增加。也许这就是这里的混乱?你能展示一下定义和添加点击处理程序的代码吗?实际上,i
从来没有递增过,你是如何在控制台中递增它的?粘贴的代码中没有递增i
的逻辑,所以它当然不会递增。在你发布的代码片段中,您正在将0
的值分配给i
。它不会在任何地方递增。您需要发布足够的代码来演示问题,但不要发布太多,这样问题就会被隐藏。模板文本会立即进行评估:它会生成一个字符串“0”
,而没有指向变量i
的任何动态链接,该变量以后可能会增加。也许这就是这里的混乱?因此,对于使用增量解决方案完成的任务,单击该按钮无法更新该段落,无论我尝试什么,它始终为0,但当我在控制台中登录时,它工作正常。当我点击那个按钮,网站上的数字发生变化时,有没有其他方法可以计数。@Alco请再次阅读我的答案。你所需要做的就是在i++
发生后更新p
文本。谢谢你的回答和时间,我必须说我以前试过,还有很多其他选项,你给了我一个想法,一旦发生增量,你就必须执行:$(“.taskdone p”).text(i)和我将此添加到函数deleteItem()在增量发生的地方,它现在正在工作,而且数字更新非常简单。我被弄糊涂了,所以对于使用增量解决方案完成的任务,单击该按钮无法更新该段落,无论我尝试什么,它总是0,但当我在控制台中登录时,它工作正常。当我点击那个按钮,网站上的数字发生变化时,有没有其他方法可以计数。@Alco请再次阅读我的答案。你所需要做的就是在i++
发生后更新p
文本。谢谢你的回答和时间,我必须说我以前试过,还有很多其他选项,你给了我一个想法,一旦发生增量,你就必须执行:$(“.taskdone p”).text(i)和我将此添加到函数deleteItem()在增量发生的地方,它现在正在工作,而且数字更新非常简单。我很困惑