Javascript 前置两个div，计数器单击中的计数相同

var divNumber=1；
$（'.AddDiv'）。在（'click'，function（）上{
$（'.Wrap'）。前置（$（'My Counter'）；
divNumber++；
});
var divNumber=1；
$（'.AddDiv'）。在（'click'，function（）上{
$（'.Wrap'）.prepend（$（'My Counter'））；
divNumber++；
});
函数makeCount（id）{
var count=parseInt（$（“#”+id.text（））；
如果（isNaN（计数））{
count=1；//对于第一次单击
}否则{
计数++；
}
$（“#”+id）.text（计数）；
}
$（.GreyDiv”）。在（“单击”，函数（）上{
$（“.container”）.css({
显示：“无”
});
$（“.List”）.css({
显示：“块”
});
});
$（“.RedDiv”）。在（“单击”，函数（）{
$（“.container”）.css({
显示：“块”
});
$（“.List”）.css({
显示：“无”
});
});
.Wrap{
宽度：650px；
高度：800px；
}
.集装箱{
位置：相对位置；
顶部：5px；
左：5px；
宽度：170px；
高度：120px；
背景色：红色；
浮动：左；
左边距：5px；
边缘顶部：5px；
显示：无；
}
.名单{
位置：相对位置；
顶部：5px；
左：5px；
宽度：300px；
高度：120px；
背景色：rgba（2002002001）；
浮动：左；
左边距：5px；
边缘顶部：5px；
}
AddDiv先生{
位置：绝对位置；
顶部：0px；
}
格雷迪夫先生{
位置：绝对位置；
顶部：0px；
左：170px；
}
雷迪夫先生{
位置：绝对位置；
顶部：0px；
左：250px；
}
.伯爵{
位置：绝对位置；
宽度：100px；
高度：100px；
位置：绝对位置；
左：50%；
最高：50%；
左边距：-50px；
利润上限：-50px；
背景色：白色；
文本对齐：居中；
线高：100px；
光标：指针；
}

我的柜台
我的柜台
阿迪夫
格雷迪夫
RedDiv
此演示的结果是您想要的吗？我编辑了您的计数器div的id，使其具有“\u1”

更新的演示


var divNumber=1；
var divCtrs=[0]；
var red=0；//最初红色是关闭的；
$（'.AddDiv'）。在（'click'，function（）上{
divCtrs[divNumber]=0；
//灰色的
变量$list=$（''{
类别：“列表”
}).附加(
$('', {
类：'计数'，
id:'divList_uu'+divNumber，
文字：“我的柜台”
})
);
//红色的
变量$container=$（“”{
类别：“容器”
}).附加(
$('', {
类：'计数'，
id:'div_uz'+divNumber++，
文字：“我的柜台”
})
);
如果（红色）{
$list.css（'display'，'none'）；
$container.css（'display'，'block'）；
}否则{
$list.css（'display'，'block'）；
$container.css（'display'，'none'）；
}
$（'.Wrap'）.prepend（$container，$list）
});
$（文档）。在（'click'，'div[id^=“div”]”上，函数（）{
var id=$（this.attr（'id'）；
var ndx=parseInt（id.split（“'）[1]）；
var$parent=$（this.parent（）；
if（$parent.hasClass（'container'））{
$parent.css（{'background-color'：'lightblue'}）；
}
if（$parent.hasClass（'List'））{
$parent.css（{'background-color'：'slategrey'}）；
}        
divCtrs[ndx]++；
$（'div#uu'+ndx）.text（divCtrs[ndx]）；
$（'#divList'+ndx）.text（divCtrs[ndx]）；
});
$（.GreyDiv”）。在（“单击”，函数（）上{
红色=0；
$（“.container”）.css({
显示：“无”
});
$（“.List”）.css({
显示：“块”
});
});
$（“.RedDiv”）。在（“单击”，函数（）{
红色=1；
$（“.container”）.css({
显示：“块”
});
$（“.List”）.css({
显示：“无”
});
});
.Wrap{
宽度：650px；
高度：800px；
}
.集装箱{
位置：相对位置；
顶部：5px；
左：5px；
宽度：170px；
高度：120px；
背景色：红色；
浮动：左；
左边距：5px；
边缘顶部：5px；
显示：无；
}
.名单{
位置：相对位置；
顶部：5px；
左：5px；
宽度：300px；
高度：120px；
背景色：rgba（2002002001）；
浮动：左；
左边距：5px；
边缘顶部：5px；
}
AddDiv先生{
位置：绝对位置；
顶部：0px；
}
格雷迪夫先生{
位置：绝对位置；
顶部：0px；
左：170px；
}
雷迪夫先生{
位置：绝对位置；
顶部：0px；
左：250px；
}
.伯爵{
位置：绝对位置；
宽度：100px；
高度：100px；
位置：绝对位置；
左：50%；
最高：50%；
左边距：-50px；
利润上限：-50px；
背景色：白色；
文本对齐：居中；
线高：100px；
光标：指针；
}

我的柜台
我的柜台
阿迪夫
格雷迪夫
RedDiv
很乐意帮忙：）也许你也知道如何解决这个问题？下一步是你以前的帮助：）我实际上对你的新问题做了一个新的调整晚上好，我有一个问题，是否有可能单击“我的计数器”并更改css样式的“容器”或“列表”？（例如背景色），我尝试在容器中添加新id，并在脚本中添加next++numberDiv，但不起作用：（因此，如果我尝试单击
容器的我的计数器，它会更改
容器的背景色
？