将计数器分配给对象属性 JavaScript C#

Question

我正在尝试的是使用 ajax 动态附加具有三个不同函数的元素。

单击时调用每个函数。我无法管理的是按照元素的附加顺序打印元素。

我的 C# 对象具有属性 Number，这应该可以帮助我保持顺序，但我似乎无法将函数中的计数器分配给 C# 对象的属性，它总是显示 0。

这是我的一些代码： 声明变量： 在此处输入图像描述

我希望每次创建 html 元素时，这个变量都会递增，我这样做： 在此处输入图像描述 问题是，我想在那之后为每个对象保留该计数器的值，以便我可以将其存储在属性中。不起作用，但这就是我的做法： 在此处输入图像描述 在此处输入图像描述

在此处输入图像描述

Answer 1

使用var globalCounter = 0，一定能很好地工作

// find elements
var banner = $("#banner-message")
var button = $("button")
// handle click and add class
button.on("click", function(){
	var text = ++globalCounter;
$("#idText").text(text);
})

body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
#banner-message {
background: #fff;
border-radius: 4px;
padding: 20px;
font-size: 25px;
text-align: center;
transition: all 0.2s;
margin: 0 auto;
width: 300px;
}
button {
background: #0084ff;
border: none;
border-radius: 5px;
padding: 8px 14px;
font-size: 15px;
color: #fff;
}
#banner-message.alt {
background: #0084ff;
color: #fff;
margin-top: 40px;
width: 200px;
}
#banner-message.alt button {
background: #fff;
color: #000;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="banner-message">
<p id="idText">0</p>
<button>Change color</button>
</div>
<script>
var globalCounter = 0;
</script>

使用var globalCounter而不是让。