उत्तर
यहां jQuery चयन से 5 यादृच्छिक तत्व प्राप्त करने का तरीका है, प्लगइन की कोई आवश्यकता नहीं है!
:randomElements = jQuery("li").get().sort(function(){
return Math.round(Math.random())-0.5
}).slice(0,5)
इस बिंदु पर आप 5 DomElements कि सभी फूल से बेतरतीब ढंग से चयनित किया गया है कि jQuery लौटे
तो आप जो कुछ भी आप उन लोगों के साथ की तरह कर सकते हैं,
जैसे उनके रंग बदलने के लिए है
$(randomElements).css("color","red")
या प्रदर्शित उनकी संयुक्त पाठ सामग्री:
$(randomElements).text()
+1, हालांकि मैं उत्सुक हूं कि आपने पाठ में लगातार "यादृच्छिक" वर्तनी क्यों की है, और लगातार कोड स्निपेट में गलत तरीके से लिखा है ... :-) –
सामान्य विचार अच्छा है, लेकिन आपको किसी को शफल नहीं करना चाहिए उस तरह सरणी। छंटनी एक सरणी को घुमाने के लिए एक अक्षम तरीका है, और एक असंगत तुलना समस्याएं पैदा कर सकती है (यहां तक कि संभावित रूप से लूप को अनिश्चित काल तक भी उत्पन्न कर सकता है)। फिशर-येट्स शफल (http://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle) का उपयोग करना बेहतर है। –
यह आपको एक यादृच्छिक क्रमबद्ध सरणी नहीं मिलेगा। यहां इसके बारे में एक लेख है (यह उद्देश्य-सी है, लेकिन इससे कोई फर्क नहीं पड़ता) http://cocoawithlove.com/2010/06/sorting-nsmutablearray-with-random.html –
यादृच्छिक संख्या सूचकांक, 1-5 प्राप्त करें, और उस सूचकांक के साथ उल के बच्चे को प्राप्त करें। इस तरह:
var index = Math.floor(Math.random() * 5) + 1; // nth-child indices start at 1
alert($("ul:nth-child(" + index + ")").text());
ओह , यह पूरी तरह से गलत है। मैंने प्रश्न को पढ़ा है कि पहले पांच में से एक यादृच्छिक तत्व का अनुरोध है, सेट से पांच यादृच्छिक तत्व नहीं। मुझे लगता है कि मुझे नींद की ज़रूरत है!: डी –
इस तरह के समाधान के लिए बिल्कुल खोज कर मिला। तो क्यूएशन को गलत तरीके से जवाब देने का जवाब हमेशा बुरा नहीं होता :) – Zlatev
क्या @Zlatev ने कहा। :) – SoreThumb
क्यों सिर्फ यह नहीं, यह बहुत कुशल लगता है:
jQuery('li:random').slice(0, 5);
शायद क्योंकि jQuery में कोई 'यादृच्छिक' चयनकर्ता नहीं है [अब]? –
jQuery.jQueryRandom = 0;
jQuery.extend(jQuery.expr[":"], {
random: function(a, i, m, r) {
if (i == 0) {
jQuery.jQueryRandom = Math.floor(Math.random() * r.length);
};
return i == jQuery.jQueryRandom;
}
});
मैं इस उद्देश्य के लिए एक छोटे से स्क्रिप्ट बनाया है का उपयोग करना। यह पहले jQuery तत्वों की सरणी की एक यादृच्छिक रूप से शफल और कटा हुआ प्रति बनाकर किया जाता है, और फिर उन सभी तत्वों को फ़िल्टर कर रहा है जो दोनों सरणी में मौजूद नहीं हैं।
आप इसके बारे में http://www.afekenholm.se/jquery-rand पर पढ़ सकते हैं। यहाँ स्क्रिप्ट है:
/**
* jQuery.rand v1.0
*
* Randomly filters any number of elements from a jQuery set.
*
* MIT License: @link http://www.afekenholm.se/license.txt
*
* @author: Alexander Wallin (http://www.afekenholm.se)
* @version: 1.0
* @url: http://www.afekenholm.se/jquery-rand
*/
(function($){
$.fn.rand = function(k){
var b = this,
n = b.size(),
k = k ? parseInt(k) : 1;
// Special cases
if (k > n) return b.pushStack(b);
else if (k == 1) return b.filter(":eq(" + Math.floor(Math.random()*n) + ")");
// Create a randomized copy of the set of elements,
// using Fisher-Yates sorting
r = b.get();
for (var i = 0; i < n - 1; i++) {
var swap = Math.floor(Math.random() * (n - i)) + i;
r[swap] = r.splice(i, 1, r[swap])[0];
}
r = r.slice(0, k);
// Finally, filter jQuery stack
return b.filter(function(i){
return $.inArray(b.get(i), r) > -1;
});
};
})(jQuery);
- 1. ढूँढने 5 तत्वों
- 2. php पाने दो अलग यादृच्छिक सरणी तत्वों
- 3. enum तत्वों को यादृच्छिक कैसे करें?
- 4. एचटीएमएल 5 ऑडियो प्लेस यादृच्छिक रूप से
- 5. सूची में तत्वों को शफल करना (यादृच्छिक रूप से सूची तत्वों को पुन: व्यवस्थित करें)
- 6. यादृच्छिक() यादृच्छिक क्यों नहीं है?
- 7. यादृच्छिक quicksort: दो तत्वों की तुलना की संभावना?
- 8. यादृच्छिक तत्वों को चुनने के लिए डेटा संरचना?
- 9. तत्वों के यादृच्छिक क्रम उत्पन्न करने के लिए एल्गोरिदम
- 10. एचटीएमएल 5 में मान्य नहीं मेटा तत्वों को कैसे संभालें?
- 11. न्यूनतम तत्व तुलना के साथ 5 तत्वों को क्रमबद्ध करना
- 12. <audio> और <progress> एचटीएमएल 5 तत्वों
- 13. 'यादृच्छिक'
- 14. यादृच्छिक पहुंच
- 15. यादृच्छिक नहीं है कि यादृच्छिक
- 16. यादृच्छिक संख्या इतनी यादृच्छिक नहीं
- 17. यादृच्छिक मर्ज तरह
- 18. यादृच्छिक असाइनमेंट
- 19. ओपनसीवी - यादृच्छिक वन उदाहरण
- 20. उसके तत्वों
- 21. जावा: यादृच्छिक अंतराल
- 22. यादृच्छिक संतुलित प्रयोगात्मक डिजाइन
- 23. एक यादृच्छिक अनुक्रम का सबसेट भी यादृच्छिक है?
- 24. एचटीएमएल 5
- 25. जेनकींस यादृच्छिक रूप से क्रैश
- 26. तत्वों
- 27. as3 यादृच्छिक सरणी - यादृच्छिक सरणी - क्रियालेख 3
- 28. यादृच्छिक मुठभेड़ इतना यादृच्छिक नहीं है
- 29. एक्सएसडी स्कीमा जो यादृच्छिक क्रम
- 30. ढूँढना एकाधिक तत्वों
आप पहले पांच सर्वर साइड चारों ओर एक div लपेट कर सकते हैं, तो का उपयोग ली # प्रथम पाँच: यादृच्छिक ? – Kzqai
नहीं, मैं उपयोग कर सकता हूँ! – AlexC
मुझे "यादृच्छिक" छद्म चयनकर्ता का समर्थन करने वाले jQuery की जानकारी नहीं है, आप इस कार्यक्षमता को कैसे जोड़ते हैं और इसके पीछे कोड तर्क क्या है? – duckyflip