jQuery：如何操縱索引？

Question

不應該是一個這麼難的問題......我只是很難找出如何在一些jQuery元素上進行操作，尤其是它們的索引。 Teh codez：

$("#docSlider").css("background-image", "url(../../bundles/mypath/images/maquette/img" + $("#selectable li").index(this) + (".jpg)")); 

我想讓我加載的圖片的名稱取決於jQuery的可選索引。所以我抓住索引，並嘗試添加1 ...但它不能工作，因爲「+」也是一個連接器。
我試着parseInt，但它總是值得0.

我該如何簡單地將索引轉換爲一個整數，然後將它與其餘的字符串連接？

預先感謝您！

編輯：我使用的是一個已經存在的功能，所以我也很難更改的參數（嗯，我想我不能...）

我在$此示例代碼（功能（）{}）部分：

$("#selectable").selectable({ 
       selected: function(event, ui) { 
        $("#docSlider").css("background-image", $("#selectable li").index(this) "url(../../bundles/mypath/images/maquette/img" + + (".jpg)")); 
       }}); 

//initalizing 
       $("#docSlider").css("background-image", "url(../../bundles/auraeconference/images/maquette/img" + $("#selectable li").index(this) + (".jpg)")); 

Answer 1

使用它像

$("#docSlider").css("background-image",function(i){ 
      return "url(../../bundles/mypath/images/maquette/img"+ (i+1)+".jpg"; 
}); 

$.css有一種語法像

.css(propertyName, function(index, value)) 

你可以使用它。

UPDATE

this的selectable回調裏面，你的情況是指#selectable。所以，你既可以使用

$(this).find('li').index(ui.selected); 

或

$("#selectable li").index(ui.selected) 

，所以你可以試試這個

Demo

Answer 2

$("#docSlider").css("background-image", function(index, url) { 
    return "url(../../bundles/mypath/images/maquette/img" + (index + 1) + (".jpg)"); 
}); 

.css()採取財產和處理器也可以作爲參數，所以你並不需要擔心的功能，這將不會影響你的代碼或現有的功能。

據編輯

$ "#selectable") 
      .selectable({ 
      selected: function(event, ui) { 
       var index = $("#selectable li").index(ui.selected) + 1; 
       $("#docSlider") 
        .css("background-image", function(){ 
         return "url(../../bundles/mypath/images/maquette/img" + index + (".jpg)")}); 
       }}); 

或者乾脆

$("#docSlider") 
      .css("background-image","url(../../bundles/mypath/images/maquette/img" + index + (".jpg)")});