在所有其他項目上更改CSS

我對ASP.Net很陌生，對Javascript/jQuery知之甚少，但我有一個我正在學習的MVC應用程序。我有索引視圖設置和一切工作正常，但我想改變除了我單擊的項目上的所有項目的CSS樣式。我想在腳本中做到這一點，但我不知道足夠的JS/JQ來做到這一點，我似乎無法通過搜索找到任何信息...我覺得這可能是我的搜索問題。任何人都可以協助？在所有其他項目上更改CSS

@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>

來源

2017-03-15 Doc Hoss

不知道你點擊一下，假設它是'.MIG-project'然後在現有的點擊處理程序中添加：'$（「米格項目」）不（this）.addClass（「classToAdd」）' –

提到看看.not（）http://api.jquery.com/not/ – ConfusedShark

Heyho，

也許它可以幫助你使用$（ 'allItems '）。不是（'。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>

來源

2017-03-15 15:55:06 Nyxeen

非常好。這將會訣竅！感謝您的快速幫助。 –

在所有其他項目上更改CSS

回答

相關問題