Seçilen her öğe için jQuery birlikte çalışır

Question

Ben solma öğeleri için jQuery komut dosyası yapmak istiyorum.

Ancak, 1 <a class='sow'></a> öğelerini 1 tuttuğumda. JQuery,
<a class='sow'></a> öğelerinin tümünü etkiler. Örneğin, ilk seçilen öğeyi tuttuğumda, diğer öğeler de (solma) etkilenir.

Ne isterim: seçilen öğeyi tuttuğumda, diğer öğeler etkilenmez.

Senaryo:

i düzeltebilirim nasıl

$(".sow").hover(
function() { 
    $(".leftinf").show("slow"); 
    $(".rightinf").show("slow"); 
}, 
function() { 
    $(".leftinf").hide("slow"); 
    $(".rightinf").hide("slow"); 
}) 

? benim kötü İngiliz

#sorry: Bu bağlamda en $(this) nesneyi kullanmak zorunda www.howtopc.cf

Answer 1

,

$(".sow").hover(function() { 
    $(".leftinf,.rightinf", $(this).next(".informasi")).show("slow"); 
},function() { 
    $(".leftinf,.rightinf", $(this).next(".informasi")).hide("slow"); 
}); 

• :/

  blog kod Abov içeren hangi .next() işlevi, sonraki bir sonraki kardeşi seçecektir.

• $("selector", context), sağlanan bağlamda seçiciyi temel alan öğeyi seçecektir.

Answer 2

Bu şeyden kaçınmanın en iyi yolu, sınıf temelinde değil, temele dayalı öğeleri hedeflemenizdir, bu nedenle kimlikle hedeflemeyi deneyin, sorununuzu çözebilir. Eğer bu deneyin sınıfı tarafından hedeflemek istiyorum:

HTML:

<button id="button"> 
    Button 
</button> 
<div class="mainDiv"> 
<div class="leftinf"> 
    Left Inf 
</div> 

<div class="rightinf"> 
    Right Inf 
</div> 
</div> 

JQuery:

$("#button").hover(function() { 
    $(".mainDiv").toggle(); 
}); 

Ben bunun bu geçmesi, sorununuzu çözecektir sanırım. Çalışma Fiddle: Fiddle Link