Javascript 从函数jquery获取更新的变量值

我尽我所能把这件事简单化了

以下是我的HTML代码：

    <div id="outsideCounter"><p></p></div>

    <div id="clickToAdd"><p>Click me</p></div>

    <div id="insideCounter"><p></p></div>

现在的问题是，当您单击“clickToAdd”时，它只向内部计数器添加1。我如何才能将相同的更新级别添加到外部计数器？我已经为此挣扎了好几个小时了，我的大脑都被卡住了，我自己都想不出来

我只练习了一个星期的javascript，所以请尽量保持它的简单，因为我甚至无法从前面关于“从函数获取变量”的答案中找到任何有用的东西

---

如果这有助于理解我的问题，我会做出判断。

只需将

外部计数器>p

添加到选择器：

$(document).ready(function(){

    var level = 1; // start the counting at 1

    $('#outsideCounter > p').html(level); // show value of the first counter


        $('#clickToAdd').click(function(){ 

            level++; // I want this to add both counters, not just the insideCounter 

            $('#insideCounter > p, #outsideCounter > p').html(level); // show value of the second counter
        });

});

$('#insideCounter > p, #outsideCounter > p').html(level);

---

您可以用逗号分隔选择器，，但是由于两个ID都以

计数器结尾，因此您可以通过将端点与属性选择器结合使用来使用该模式

$('[id$=Counter] > p').html(level);

这将删除标记！
$('[id$=Counter] > p').html(level);

$(document).ready(function () {

var level = 1; // same variable for both counter

$('#outsideCounter > p').html(level); // show first counter

$('#clickToAdd').click(function () {
    level++; // this only adds insideCounter
    $('#insideCounter > p, #outsideCounter > p').html(level);
  }); 
});