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

Question

我是 ASP.Net 的新手，对 Javascript/jQuery 知之甚少，但我有一个正在努力学习的 MVC 应用程序。我设置了索引 View 并且一切正常，但我想更改除我单击的元素之外的所有元素的 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="project-@item.ServerName" 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>

Answer 1

嘿嘿，

也许它可以帮助您使用 $('.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="project-@item.ServerName" 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>