Javascript 如何计算我创建的对象数?
我可以使用以下html编码创建成员对象。但是对于一些计算,我需要得到成员对象的计数。另外,当我删除一个成员对象时,它应该减少成员对象的计数 以下功能将创建成员Javascript 如何计算我创建的对象数?,javascript,c#,html,ajax,Javascript,C#,Html,Ajax,我可以使用以下html编码创建成员对象。但是对于一些计算,我需要得到成员对象的计数。另外,当我删除一个成员对象时,它应该减少成员对象的计数 以下功能将创建成员 function appendMember(rowNumber) { debugger var subrowNumber = parseInt($("#itemmapWrapper" + rowNumber + "").attr("data-subrowNumber")); subrowNumber = is
function appendMember(rowNumber) {
debugger
var subrowNumber = parseInt($("#itemmapWrapper" + rowNumber + "").attr("data-subrowNumber"));
subrowNumber = isNaN(subrowNumber) ? 1 : subrowNumber + 1;
var addNewItemDetailHtml = "<div class='col-lg-10 col-md-10 col-sm-10 col-xs-10 itemmapAllocationWrapper custom-paaddingnone form-group' \
id='dvaddNewItemDetailSub" + subrowNumber + "' data-subrowNumber='" + subrowNumber + "'>";
addNewItemDetailHtml += "<div class='col-lg-4 col-md-4 col-sm-4 col-xs-4 custom-paaddingnone'>\
<div class='col-lg-3 col-md-3 col-sm-3 col-xs-3 custom-paaddingnone text-center'>\
</div>\
<div class='col-lg-9 col-md-9 col-sm-9 col-xs-9 custom-paaddingnone'>\
<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12 custom-paaddingnone'>\
<div class='col-lg-10 col-md-10 col-sm-10 col-xs-10 custom-paaddingnone'>\
<select class='form-control' id ='memberid"+ rowNumber + subrowNumber + "' ></select>\
</div>\
</div>\
</div>\
</div>";
addNewItemDetailHtml += "<div class='col-lg-2 col-md-2 col-sm-2 col-xs-2 custom-paaddingnone'>\
<span class='glyphicon glyphicon-trash removeBtn' onclick = 'removeMemberDetail(this)' ></span >\
</div>";
addNewItemDetailHtml += "</div>";
addNewItemDetailHtml += "</div>";
$("#itemmapWrapper" + rowNumber + "").attr("data-subrowNumber", subrowNumber);
$(".memberContainer").append(addNewItemDetailHtml);
intialize_memberDropDown(rowNumber, subrowNumber);
}
每次使用“添加成员代码”时,只需添加一个值为0的隐藏输入,或者无论对象的初始值是多少,都可以增加该值,而使用“删除成员代码”时,则可以减少该值 你的html
<input type='hidden' id='objectsCounter' value='0'>
在删除成员函数的末尾添加以下内容
var objectCounter = document.getElementById('objectsCounter').value;
objectCounter--;
document.getElementById('objectsCounter').value = objectCounter
可以随时使用获取对象的值
var objectCounter = document.getElementById('objectsCounter').value;
您可以计算memberContainer的子级。如果你只有一个,我会给它一个id而不是一个类名。但它是双向的
console.log(document.getElementsByClassName(“memberContainer”)[0]。children.length)
小孩
小孩
小孩
感谢您的快速回复,但请告诉我您提到的第二部分应该添加到哪里@Amado只需添加一个隐藏的输入…
我不知道你从哪里学来的,但是没有。只是没有!为什么你想用DOM节点来做一个简单变量的工作?那么我该怎么做@Thomas?@DinupaChamin有很多东西是“有效的”。但事实并非如此。正如托马斯所说,你可以通过使用一个变量来实现这一点。绝对不需要隐藏的DOM元素。@Thomas他有一个问题,我用我知道的方法回答,如果有更好的方法可以提及并回答的话
var objectCounter = document.getElementById('objectsCounter').value;
objectCounter++;
document.getElementById('objectsCounter').value = objectCounter
var objectCounter = document.getElementById('objectsCounter').value;
objectCounter--;
document.getElementById('objectsCounter').value = objectCounter
var objectCounter = document.getElementById('objectsCounter').value;