用JQuery創建唯一ID

Question

這個問題可能是重複的（但我找不到它），所以如果它是多餘的，我很抱歉。我正在嘗試使用JQuery的.remove函數來刪除（顯然）我的靜態HTML原型中的li元素。而不是爲每個li寫出一個JavaScript塊，我想刪除我想知道是否有可能創建單獨的JS增量ID。 （我使用Serve與HAML和SASS fyi）。這是我的。

/view-file.html.haml

%ul 
    %li#removeThis1 
    %a.remover1{:src => "#"} Remove 

/application.js

... 
$(".remover1").click(function() { 
    $("li#removeThis1").fadeOut(function() { $(this).remove(); }); 
}); 

如何增加.remover1到.remover2任何想法，等？同樣li##removeThis1到#removeThis2等

我會需要所有這些發生在頁面加載。

Answer 1

元素之間有一種祖先關係，所以只要使用它就可以獲得優勢。

// don't bother numbering the class. Use a common class 
$(".remover").click(function() { 

     // find the closest ancestor with an ID that start with "removeThis" 
    $(this).closest("li[id^=removeThis]") 
      .fadeOut(function() { $(this).remove(); }); 
}); 

---

或者，如果你並不真正需要的祖先的ID，使用類有太多...

// don't bother numbering the class. Use a common class 
$(".remover").click(function() { 

     // find the closest ancestor with the class "removeThis" 
    $(this).closest(".removeThis") 
      .fadeOut(function() { $(this).remove(); }); 
}); 

---

最後，如果你使用的ID ，你需要在服務器端生成它們，然後使用處理程序從元素中提取ID的數字部分，並將其連接到祖先的選擇器中。