Javascript 如何影响jquery中的特定div

这是我的javascript：

$(document).ready(function(){
    $('.lroom ,.rroom').click(function(){
        $(this).toggleClass('ROOMon');
 });
    $('.AC').click(function(){
        $(this).toggleClass('ACon');
 });

}))

这是我的html：

        <div id="main">
        <div class="side">
            <div class="rroom">
                <div class="AC right"></div>
            </div>
            <div class="rroom">
                <div class="AC right"></div>
            </div>
            <div class="rroom">
                <div class="AC right"></div>
            </div>
        </div>
        <div class="side">
            <div class="lroom">
                <div class="AC left"></div>
            </div>
            <div class="lroom">
                <div class="AC left"></div>
            </div>
        </div>
    </div>

当我按下AC div时，它会影响AC和lroom。 我希望这只会影响我按下的特定AC

ROOMon和ACon是更改背景颜色的计算器

---

谢谢

很难从你的问题中准确地知道你在寻找什么，但这可能会有所帮助：

这是一把小提琴：

这是div 1
我是二组
$（.myDiv”）。在（“单击”，函数（）上{
警报（“内容：+$（this.html（））；
});

---

这里有两个div，无论你点击哪个div，都会在屏幕上显示该div的内容

现在出了什么问题？问题是什么？可以显示一些HTML吗？是否动态添加div？

$（'.AC'）。单击（函数（e）{e.stopPropagation（）$（this）.toggleClass（'ACon'）；}）试试这个谢谢，伙计，它起作用了。
<div class="myDiv"> This is div 1 </div>
<div class="myDiv"> This is div 2 </div>

$(".myDiv").on("click", function(){
    alert("Contents: " + $(this).html()) ;
});