我遇到了下面的例子,將css樣式設置爲div標籤。我的疑問是,函數參數中的'索引'值有什麼價值。或者如果用戶想要通過索引值,那麼如何通過索引參數的值(即使用率)爲回調函數?如何將值傳遞給JQUery回調方法?
$("div.example").css("width", function(index) {return index * 50;});
我遇到了下面的例子,將css樣式設置爲div標籤。我的疑問是,函數參數中的'索引'值有什麼價值。或者如果用戶想要通過索引值,那麼如何通過索引參數的值(即使用率)爲回調函數?如何將值傳遞給JQUery回調方法?
$("div.example").css("width", function(index) {return index * 50;});
index是所有元素中元素的索引。你不應該爲此付出代價。
假設如果您有3個元素,其中example
爲div,則第1個元素的索引將爲0,其寬度將設置爲0px (0*50)
。第二個元素的索引將爲1,其寬度將設置爲50px (1*50)
,第三個元素的索引將爲2,寬度將設置爲100px (2*50)
索引值從回調函數中的零開始,並且它會增加1(默認)。
如果你想初始化或設置一個特定的值,它喲必須這樣做,以這樣的方式
$("div").css('width', function(i) {
i = 5;
return (i * 50);
});
但這裏指數的值始終設置爲5選定的元素。所以,我建議你以這種方式使用默認的索引值功能。
$("div").css('width', function(i) {
++i; // or i++;
return (i * 50);
});
在這裏,我增加了索引我只是爲了跳過零值。
OR
如果要設置一些初始值到索引,然後看下面的代碼片段:
let j = 5;
$("div").css('width', function(i) {
i = inc();
function inc() {
j++;
return j;
};
return (i * 50);
});
希望現在你可能會預期的輸出。 :) :)