jquery 切换类、删除类

Question

已解决:

感谢每一个试图提供帮助的人

添加此代码并且有效:

$(function() {
$( ".itemContainer" ).click(function() {
    $(this).toggleClass( "showtheitem", 800 ),
    $(this).prev(".itemContainer").toggleClass("hide"),
    $(".itemContainer").not(this).prev(".itemContainer").removeClass("hide"),    

     $(".itemContainer").not(this).removeClass("showtheitem");
    return false;
});}); 

您可以在http://jsfiddle.net/JKnjz/3/查看它的工作原理

<小时/>

我想在单击时将类添加到上一个项目，然后再次单击要删除的类。但如果我单击所有其他项目并向前一个项目添加一个类，我也希望删除该类....

将尝试通过代码进行解释。 我有 7 个 div

<div class="itemContainer">1</div>
<div class="itemContainer">2</div>
<div class="itemContainer">3</div>
<div class="itemContainer">4</div>
<div class="itemContainer">5</div>
<div class="itemContainer">6</div>
<div class="itemContainer">7</div>

CSS:

.itemContainer {float:left;width:100px;height:100px;background:#000;margin:5px;color:#fff}
.hide {display:none;}
.showtheitem {width:200px;height:200px;}

Javascript:

$(function() {
    $( ".itemContainer" ).click(function() {
        $(this).toggleClass( "showtheitem", 800 ),
        $(this).prev(".itemContainer").toggleClass("hide"),
         $(".itemContainer").not(this).removeClass("showtheitem");
        return false;
    });
});    

例如，如果我单击 div 号 2，它会将类“hide”添加到 div 号。 1.如果我点击div no。 2 它删除了该隐藏类。那部分还可以。

但是如果单击 div no，我会遇到问题。 2 将“隐藏”类添加到 div 号。 1，如果我点击例如第 6 号分区。 “隐藏”类仍然保留在 div 上。没有 1。

如果我单击所有其他 div，我希望删除“隐藏”类。

在这里你可以看到它是如何工作的 jsfiddle.net/JKnjz/1

我希望我给出了清晰的例子:)

Answer 1

引用演示链接........,:)

http://api.jquery.com/toggleClass/