2012-09-01 26 views
26

का उपयोग कर एक कस्टम विशेषता का मूल्य प्राप्त करें I जावास्क्रिप्ट या jquery का उपयोग कर कस्टम विशेषता का मूल्य कैसे प्राप्त कर सकता हूं?जावास्क्रिप्ट या Jquery

सफलता के बिना

<strong id="the id" original-title="I NEED THIS"> 

मैं .getAttribute() and attr() साथ की कोशिश की है की तरह

.. (Javascrupt & jQuery) किसी भी विचार?

+0

मार्कअप देख तो चलें? – adeneo

+2

उम्मीद है कि आपकी आईडी में मध्य में कोई स्थान नहीं है? – adeneo

+0

हाँ वहां रिक्त स्थान हैं – stiffle

उत्तर

41

का उपयोग कर आईडी में अंतरिक्ष का उपयोग न करें द्वारा मूल्य मिल सकता है।

और कस्टम विशेषताओं को जोड़ने से आपका HTML अवैध हो जाता है। का प्रयोग करें data-attributes बजाय:

जावास्क्रिप्ट:

$(document).ready(function() {  
    var title = $("#the_id").attr("original-title"); 
} 

एचटीएमएल:

<strong id="the_id" data-original-title="I NEED THIS"> 

$('#the_id').data('original-title'); 

http://jsbin.com/akoyut/2/edit

0

आप निम्न सिंटैक्स

$('#theid').attr('original-title'); 
+2

jquery का उपयोग करके .. मैंने इसे आजमाया है लेकिन यह शून्य – stiffle

0

निम्नलिखित एक काम कर उदाहरण है

<strong id="the_id" original-title="I NEED THIS"></strong> 
1

आप एक आईडी में जरूरी उपयोग रिक्त स्थान, तत्व को पुनः प्राप्त और विशेषता तो इस तरह मूल्य:

$('[id="the id"]').attr([some attribute string]); 
//or 
$('#the\\ id').attr([some attribute string]); 

कस्टम के लिए सबसे अच्छा गुण एचटीएमएल 5 data-[somelabel] विशेषताओं का उपयोग, यह पिछड़े संगत और मानकीकृत है। तो जैसे अपने मामले में कुछ:

<strong id="the id" data-originalTitle="I NEED THIS"> 

Read more about data-attributes

+0

+1 लौटाता है, मुझे कभी नहीं पता था कि हम बचने के लिए \\ उपयोग कर सकते हैं – Moons

24

बदलें "आईडी" "the_id" करने के लिए। इस तरह का उपयोग करने के

document.getElementById("the_id").getAttribute("original-title"); 
15

बेस्ट रास्ता::

आप इसे सादे जावास्क्रिप्ट का उपयोग कर सकते

jQuery(this).attr('original-title'); 
+0

यह काम नहीं करेगा ... – Shubh

+0

यह ठीक काम करता है। मैंने इसे चेक किया है। –

+0

Google क्रोम में ठीक काम करता है। – alexander

2
a var DateofEvent = $('[data-original-title=I NEED THIS]').val(); 
संबंधित मुद्दे