2017-03-15 11 views
0

私は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> 
+1

@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>
ないあなたが追加し、それはあなたの既存のクリックハンドラで、次に '.MIG-project'だと仮定すると、クリックしているものを確認します。' $( "MIG-プロジェクト")ではありません(this)).addClass( "classToAdd") ' –

+1

は.not()を見てくださいhttp://api.jquery.com/not/ – ConfusedShark

答えて

3

Heyho、

多分それは$を使用するのに役立ちます( 'allItems ')。いない('。specificItem')選択のよう。

+0

優れています。それはトリックを行うよ!あなたの迅速な助けをありがとう。 –

関連する問題