javascript class check

這有點難以解釋，但我會盡我所能。我有一大堆的鏈接javascript class check

<li><a class="various fade " href="FOOTWEAR_SUB_PAGES/NIKE_SNOW.html"> <img src="MAIN_IMAGES/ZOOM_FORCE_2.jpg" border="0"/></a></li>     
<li><a class="various1 fade " href="FOOTWEAR_SUB_PAGES/MERCURIAL_SUPERFLY.html"><img src="MAIN_IMAGES/MERCURIAL_SUPERFLY-2.jpg" border="0" /></a></li> 
<li><a class="various2 fade " href="FOOTWEAR_SUB_PAGES/AIRMAX_MOTO.html"><img src="MAIN_IMAGES/AIRMX-2.jpg" border="0" /></a></li> 
<li><a class="various3 fade " href="FOOTWEAR_SUB_PAGES/le-coq-joakim-noah.html"><img src="MAIN_IMAGES/JOAKIM-NOAH-3.jpg" border="0" /></a></li> 
<li><a class="various4 fade " href="FOOTWEAR_SUB_PAGES/NIKE_BMX.html"><img src="MAIN_IMAGES/GYZIRO-3.jpg" border="0" /></a></li>

和另一組的鏈接

<a class="ex1 various" href="FOOTWEAR_SUB_PAGES/NIKE_SNOW.html">ZOOM FORCE ONE ///</a>    
<a class="ex1 various1" href="FOOTWEAR_SUB_PAGES/MERCURIAL_SUPERFLY.html">MERCURIAL SUPERFLY ///</a> 
<a class="ex1 various2" href="FOOTWEAR_SUB_PAGES/AIRMAX_MOTO.html">AIRMX MOTO BOOT ///</a> 
<a class="ex1 various3" href="FOOTWEAR_SUB_PAGES/le-coq-joakim-noah.html">JOAKIM NOAH ///</a> 
<a class="ex1 various4" href="FOOTWEAR_SUB_PAGES/NIKE_BMX.html">DUNK GYRIZO</a>

現在，當有人點擊這些鏈接，這個js調用的。

$(document).ready(function() { 

$("ul#gallery li a").each(function (i, item) {   
    var url = $(item).attr("href");   
    var links = $("a.ex1.various");    
    var link = $(links.parent().find("a[href='" + url + "']"));    
    var redclass = "showing-in-gallery";   
    var gallery = $("#gallery");   
    var scroll = function() { 

     link.addClass(redclass);    
     gallery.animate({ left: -1 * $(item).position().left }, 1500);   
     gallery.css("width", gallery.width() + 640 + "px");    
     $(item).parent().after('<li id="gallery_spacer" style="width: 640px;"></li>'); 

       imageIndex = $(".ex1").index($(this));    
       imageIndex = $(".fade").index($(this)); 


     setGalleryLinks(); 

    }; 

    $(this).bind("click", scroll);  
    link.bind("click", scroll); 
});

如何檢查.ex1或.fade是否被點擊？如

if (ex1 clicked){ 
     imageIndex = $(".ex1").index($(this));} 
    if (fade clicked){   
     imageIndex = $(".fade").index($(this));}

任何幫助將是一個生命的救星我已經花天這一點。

來源

2012-12-29 gVidal

使用jQuery的hasClass方法。

http://api.jquery.com/hasClass/

if($(this).hasClass('ex1')) 
    // An ex1 link was clicked 
else if($(this).hasClass('fade') 
    // A fade link was clicked 
else 
    // An unknown link was clicked

來源

2012-12-29 20:15:03

謝謝SOOOO了！你救了我的生命 – gVidal

任何時候哥們，有時我們都需要一點幫助。檢查我的個人資料，如果你需要其他東西，請看我。 – 2012-12-29 20:33:15

使用此：

if ($(e.target).hasClass('fade')) 
    // something 
else 
    // something else

事件參數添加到scroll功能：

var scroll = function (e) {

來源

2012-12-29 20:14:00 gdoron

您可以使用事件的目標：

$('.ex,.fade').on('click', function(e) { 
    var target = $(e.target); 

    // do sth with target 
});

來源

2012-12-29 20:16:20 asgoth

javascript class check

回答

相關問題