如何影响jquery中的特定div

时间:2014-12-17 09:53:14

标签: javascript jquery html

这是我的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和扫帚。 我希望这只会影响我按下的特定AC。

ROOMon和ACon是改变背景颜色的calsses 感谢

1 个答案:

答案 0 :(得分:0)

很难确切地从你的问题中找到你想要的东西,但这可能会有所帮助:

这是一个小提琴:http://jsfiddle.net/mb8zksaa/

<div class="myDiv"> This is div 1 </div>
<div class="myDiv"> This is div 2 </div>

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

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