jquery/javascript如何使用$。每個集合

Question

我需要這個jQuery代碼的一些幫助。下面的代碼工作正常，但我試圖使用$ .each，而不是工作。

$(document).ready(function(){ 

    $('#pull').click(function(event){ 
     event.stopPropagation(); 
     $('#pf').slideToggle(); 
    }); 
    $('#pullo').click(function(event){ 
     event.stopPropagation(); 
     $('#pt').slideToggle(); 
    }); 
     $('#pullc').click(function(event){ 
     event.stopPropagation(); 
     $('#pc').slideToggle(); 
    }); 

    $(document).click(function(){ 
     $('#pt').hide(); 
     $('#pf').hide(); 
     $('#pc').hide(); 
    }); 
}); 

下面的代碼是不適合我的工作，請大家幫忙

var pul = ["#pull":"#pt","#pullo":"#pf", "#pullc":"#pc"]; 

$(document).ready(function(){ 

    $.each(pul, function(i, v){ 
    $(i).click(function(event){ 
     event.stopPropagation(); 
     $(v).slideToggle(); 
    }); 
    $(document).click(function(){ 
     $(v).hide(); 

    }); 
    }); 


}); 

Answer 1

試試這個，

var pul = {"#pull":"#pt","#pullo":"#pf", "#pullc":"#pc"}; 

$(document).ready(function(){ 

    $.each(pul, function(i, v){ 
    $(i).click(function(event){ 
     event.stopPropagation(); 
     $(v).slideToggle(); 
    }); 
    $(document).click(function(){ 
     $(v).hide(); 

    }); 
    }); 
}); 

Answer 2

讓您的收藏對象，而不是數組：

Here is Demo

var pul = {"#pull":"#pt","#pullo":"#pf", "#pullc":"#pc"}; 

$(document).ready(function(){ 

    $.each(pul, function(i, v){ 
    $(i).click(function(event){ 
     event.stopPropagation(); 
     $(v).slideToggle(); 
    }); 
    $(document).click(function(){ 
     $(v).hide();  
    }); 
    }); 

Answer 3

你有兩種方法可以解決這個問題。要麼讓你的數組作爲二維數組：

var pul = [ 
    ["#pull", "#pt"], 
    ["#pullo", "#pf"], 
    ["#pullc", "#pc"]]; 

你可以做$(v[0]).click(...而不是$(i).click(...。而$(v[1]).hide();而不是$(v).hide();。

或者，你可以將其轉換爲其他人一樣的對象建議：

var pul = {"#pull":"#pt","#pullo":"#pf", "#pullc":"#pc"}; 

現在，你有一個無效的對象和無效的數組。