Применение javascript к редактору сетки

Question

Я использую Umbraco для создания моего сайта, и я определил редактор сетки с его частичным представлением, а также определил некоторый код javascript для применения к этому редактору сетки. Javascript состоит в применении некоторых эффектов во время зависания. На моей странице мне удалось работать с эффектами, но поскольку у меня есть несколько из этих редакторов сетки на моей странице, эффект реплицируется во всех них, поэтому, когда я накладываю одну на одну из них, все остальные редакторы сетки одного и того же типа получить эффекты тоже. На данный момент я поместил свой скрипт в Master.cshtml. Как я могу применить эффект к указателю мыши сетки I в то время? Мне удалось сделать что-то подобное с другим редактором сетки, который я определил, но для этого мне не нужен javascript, и все сработало нормально.

Вот мой код:

Сценарий:

@foreach(var item in Model.Items) { 
<div class="work-item work-item-box"> 
     <a href=@Umbraco.TypedContent(item.GetValue<string>("workPage")).Url> 
      <div class="item item-image"> 
       <img class="item item-image-img" src=@Umbraco.TypedMedia(item.GetValue<string>("image")).Url/> 
      </div> 
      <div class="item item-text" height="160" width="310"> 
       <div class="item item-text-title">@Html.Raw(item.GetValue("company"))<br></div> 
       <div class="item item-text-description">@Html.Raw(item.GetValue("description"))</div> 
      </div> 
     </a> 
</div>    

}

Мой сценарий:

<script> 
$(document).ready(function() { 
    $(".item").hover(function(){ 
     $(".item-text").toggleClass('item-text-effect'); 
     $(".item-image").toggleClass('item-image-effect'); 
     $(".item-image-img").toggleClass('item-image-effect-img'); 
     $(".item-text-title").toggleClass('item-text-title-effect'); 
     $(".item-text-description").toggleClass('item-text-description-effect'); 
    }); 
}); 
</script> 

Заранее спасибо!

Answer 1

Посмотрите на использование «это» только целевых элементов внутри любого элемента вы зависания: How to get the children of the $(this) selector?