jquery - 更改所有其他元素的CSS

我是ASP.Net的新手，对Javascript / jQuery的了解很少，但是我正在研究一个MVC应用程序。我已经设置了索引视图，并且一切正常，但是我想更改所有项目的CSS样式，除了我单击的项目之外。我想在脚本中执行此操作，但是我不知道足够的JS / JQ来执行此操作，而且似乎无法通过搜索找到任何信息...我觉得这可能是我的搜索问题。有人可以协助吗？

@section scripts {
    <script type="text/javascript">
        $(document).ready(function () {
            $('[name^=project]').click(function (e) {
                $('#partial').load($(this).data("url"))
            })
        })
    </script>
}

<h2>Active Projects</h2>

<div class="project-list">
    @foreach (var item in Model)
    {
        <div class="mig-project @item.ColorClass" name="[email protected]" data-url="@Url.Action("LoadPartialView", "MMC", new { server = @item.ServerName })">
            <div>
                <div class="client-name">@item.Client</div>
                <div class="source-target">@item.SourceTarget</div>
                <div class="server-name">@item.ServerName</div>
                <div class="error-count">@item.ErrorCount</div>
            </div>
        </div>
    }
</div>

<div id="partial"></div>

最佳答案

嘿嘿

也许可以帮助您使用$（'。allItems'）。not（'。specificItem'）作为选择。

@section scripts {
    <script type="text/javascript">
        $(document).ready(function () {
            $('.mig-project').click(function (e) {
                $('#partial').load($(this).data("url"));
                $('.mig-project').not(this).css("background", "red");//or Whatever
            })
        })
    </script>
}

<h2>Active Projects</h2>

<div class="project-list">
    @foreach (var item in Model)
    {
        <div class="mig-project @item.ColorClass" name="[email protected]" data-url="@Url.Action("LoadPartialView", "MMC", new { server = @item.ServerName })">
            <div>
                <div class="client-name">@item.Client</div>
                <div class="source-target">@item.SourceTarget</div>
                <div class="server-name">@item.ServerName</div>
                <div class="error-count">@item.ErrorCount</div>
            </div>
        </div>
    }
</div>

<div id="partial"></div>