嘿,我沒有任何代碼,因爲我不知道如何做到這一點。我正在尋找使用jQuery/JavaScript隨機添加CSS類「活動」到一個無序列表id'd作爲ul#sliding_panels內的一個列表項。使用JavaScript隨機附加CSS類到一個列表項
2
A
回答
4
保持簡單。這檢索所有的列表項下該列表:
var items = $("#sliding_panels li");
然後用Math.random()
挑選其中之一。 注意:構造Math.floor(Math.random() * 10))
將返回一個介於0和9之間的整數。
var item = Math.floor(Math.random() * items.length);
可以使用一個jQuery對象上的數組索引運算符來檢索這些元件中的一個。 注意:如果set
是jQuery對象,則set[n]
相當於set.get(n)
。
然後,您需要來包裝的jQuery元素,並使用addClass()
:
$(items[item]).addClass("active");
1
請參閱this question瞭解如何獲取隨機元素。
$("#sliding_panels li").get().sort(function(){
return Math.round(Math.random())-0.5
}).slice(0,1).addClass("active");
感謝duckyflip了原來的答案。
另一種方法是在同一問題中提到的:random plugin。
實施例:
$("#sliding_panels li:random").addClass("active");
1
var elements = $('ul#mylist li');
$ (elements.get (
Math.round (elements.length*Math.random()-0.5)
)).addClass ('active');
相關問題
- 1. 生成一個隨機數得到一個隨機列表項
- 2. 將列表項目隨機添加到另一個列表
- 3. jQuery - 附加圖像將自己附加到隨機列表項目,而不是設置類別的項目
- 4. css:第n個孩子隨機跳過一個列表項
- 5. 我想附加一個數字列表到另一個列表;使用另一個列表的附加範圍
- 6. 如何替換附加但隨機模塊的雙列表項?
- 7. 如何使用JavaScript隨機化一個有序列表
- 8. F#得到一個隨機數列表
- 9. 隨機從一個列表
- 10. 將CSS子類添加到JavaScript中使用的CSS項目?
- 11. FirebaseUI RecyclerView隨機項添加到列表項
- 12. Erlang將一個列表附加到另一個列表中
- 13. 基於隨機數的Javascript css類
- 14. Python,如何隨機添加/追加元素從一個列表到另一個?
- 15. 用這個HTML/Javascript/CSS生成一個隨機字符串?
- 16. 使用附加到從一個嵌套列表
- 17. 施加一個隨機變量隨機
- 18. 項附加到ASP:列表框
- 19. Python的隨機委託從一個列表值到另一個
- 20. 如何添加隨機類到鏈接列表
- 21. 使用javascript將webmethod結果附加到列表框
- 22. CSS列表樣式有隨機空間
- 23. 需要一個正則表達式來將css類添加到第一個和最後一個列表項
- 24. C#WPF隨機列表框 - 從一個列表框中刪除對象,並使用隨機添加到另一個
- 25. 隨機訂購一個列表
- 26. 隨機化一個列表,但範圍
- 27. 建立一個隨機列表
- 28. 在附加列表項上添加一個jQuery UI按鈕?
- 29. Python,將列表附加到另一個列表
- 30. LINQ:如何附加元素列表到另一個列表
我不明白這一點。爲什麼要選擇一個隨機元素?有點奇怪。 – cletus 2010-02-27 02:09:24
似乎有點矯枉過正.. – 2010-02-27 02:24:11