Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么追加到元素时我的增量为0_Javascript_Jquery - Fatal编程技术网

Javascript 为什么追加到元素时我的增量为0

Javascript 为什么追加到元素时我的增量为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就会递增。我在控制台上测试了它,increment正在工作,只要按下按钮,它就会上升1。 但问题是,当我在HTML中将段落和“I”添加到div中时,它只是显示一个“0”,当单击按钮时,它不会更改值,如1、2、3。 我希望它计算完成了多少任务。 我试着用谷歌搜索,但找不到答案

我只是想说我还是JS和JQuery的初学者。所以不要对我太苛刻D

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()在增量发生的地方,它现在正在工作,而且数字更新非常简单。我很困惑