2017-04-18 69 views
0

我遇到了下面的例子,將css樣式設置爲div標籤。我的疑問是,函數參數中的'索引'值有什麼價值。或者如果用戶想要通過索引值,那麼如何通過索引參數的值(即使用率)爲回調函數?如何將值傳遞給JQUery回調方法?

$("div.example").css("width", function(index) {return index * 50;}); 

回答

2

index是所有元素中元素的索引。你不應該爲此付出代價。

假設如果您有3個元素,其中example爲div,則第1個元素的索引將爲0,其寬度將設置爲0px (0*50)。第二個元素的索引將爲1,其寬度將設置爲50px (1*50),第三個元素的索引將爲2,寬度將設置爲100px (2*50)

0

索引值從回調函數中的零開始,並且它會增加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); 
    }); 

希望現在你可能會預期的輸出。 :) :)

相關問題