jQuery

Question

मैं क्या शायद jQuery

की एक बहुत ही सरल सा

मैं इस तरह एचटीएमएल है के साथ संघर्ष कर रहा हूँ का उपयोग कर डेटा विशेषता का उपयोग कैसे करें:

<div class="star-rating" data-star-rating="5.0"></div> 
<div class="star-rating" data-star-rating="2.0"></div> 

मैं कुछ जावास्क्रिप्ट जो कुछ करने की आवश्यकता है इन तत्वों में से प्रत्येक के स्टार रेटिंग के आधार और वर्तमान में इस तरह दिखता है:

$('.star-rating').jRate({ 
    startColor : '#ccc', 
    endColor : '#ccc', 
    readOnly : true, 
    rating : <value of data-star-rating> 
}); 

मैं डेटा के मूल्य के साथ <value of data-star-rating> बदलना चाहते संबंधित विशेषता तत्व अभी संसाधित किया जा

मुझे लगा कि यह $(this).data('starRating') काम करेगा, लेकिन यह मैं इस स्थिति में डेटा विशेषता के मान कैसे उपयोग कर सकते हैं

प्रतीत नहीं होता है के लिए?

Answer 1

$(this) तत्व है जिस पर jRate समारोह बुलाया जा रहा है का उल्लेख नहीं करता।

आप अगर वहाँ केवल एक ही है कि वर्ग

$('.star-rating').jRate({ 
    startColor : '#ccc', 
    endColor : '#ccc', 
    readOnly : true, 
    rating : $('.star-rating').data('star-rating') 
}); 

होने अधिक तत्वों के लिए तत्व है का भी उपयोग कर सकते हैं: सभी वर्ग star-rating होने तत्वों से अधिक

दोहराएं और प्लगइन देते jRate संबंधित तत्व के rating मूल्य के साथ व्यक्तिगत रूप से।

$('.star-rating').each(function() { 
    $(this).jRate({ 
     startColor: '#ccc', 
     endColor: '#ccc', 
     readOnly: true, 
     rating: $(this).data('star-rating') 
    }); 
}); 

JSFiddle Demo^{कि प्लगइन का CDN लिंक नहीं मिला है, इसलिए जावास्क्रिप्ट फलक में minified कोड में ही}

Answer 2

आप इस का उपयोग करना होगा:

$(this).attr('data-star-rating'); 

Answer 3

आप यह भी उपयोग कर सकते हैं:

$(this).data('star-rating'); 

संपादित

फिर से सवाल पढ़ने के बाद। टिप्पणियां सही हैं, आपको प्रत्येक तत्व में जेआरएटी लागू करने के लिए .star-rating सरणी के माध्यम से पुन: प्रारंभ करना चाहिए, मेरी गलतफहमी के लिए खेद है।

$('.star-rating').each(function() {  
    $(this).jRate({ 
     startColor: '#ccc', 
     endColor: '#ccc', 
     readOnly: true, 
     rating: $(this).data('star-rating') 
    }); 
}); 

Answer 4

के रूप में वहाँ वर्ग "स्टार रेटिंग" होने ताकि आप elemets और foreach पाश के माध्यम से लूप करने की आवश्यकता होगी लूप में वर्तमान-बार दोहराना तत्व पहुंचा जा सकता है, ताकि आप उस तत्व का उपयोग कर सकते एक से अधिक तत्व हैं। और जेआरएटी लागू करें।

$('.star-rating').forEach(function(dateRating){ 
    $(dateRating).jRate({ 
    startColor : '#ccc', 
    endColor : '#ccc', 
    readOnly : true, 
    rating : $(dateRating).attr("data-star-rating") 
}); 
}); 

Answer 5

$(this).data('star-rating') यदि आप इसे एक समारोह से लौटने काम करेंगे गयी।

$('.star-rating').jRate({ 
    startColor : '#ccc', 
    endColor : '#ccc', 
    readOnly : true, 
    rating : function() { return $(this).data('star-rating'); } 
});