jquery - Using JavaScript to cycle through elements with numbers in the ID -


इस सवाल का पहले से ही एक उत्तर है: < 31 उत्तरों

मुझे साइकिल चलाना में दिलचस्पी है / p>

  • जबकि (गणना! = 12) {$ ('# लोगो -'। कॉन्सट (गिनती) .concat ('& gt; आईएमजी'))। क्लिक करें (फ़ंक्शन () (यदि ($ ('$ info' - 'concat (count ) $ ('# जानकारी -'। कॉन्सट (गिनती))। स्लाइडअप (); $ ('# जानकारी -'। कॉन्सैट (गिनती))। RemoveClass ('ड्रॉपडाउन-सक्रिय' सक्रिय ');} और {$ (' # जानकारी - '। कॉन्सट (गणना))। स्लाइडडाउन (); $ (' # जानकारी - '। कॉनटैट (गणना))। AddClass (' ड्रॉपडाउन-सक्रिय ');} वापसी असत्य; }); गिनती ++; }

    यह गिनती जब बयान पर पहुंचता है तब काम करना बंद हो जाता है।

    तो पृष्ठ पर आईडी का लोगो-1, सूचना-1, लोगो -2 है , जानकारी -2, आदि ...

    आप निम्नानुसार यह अधिक साफ तरीके से कर सकते हैं:

      जबकि (count! = 12) {$ ('# logo-' + count + '& gt; img')। क्लिक करें (फ़ंक्शन () {var origin = $ (this)। Parent (), TargetId = '# info-' + मूल [0] .id.substring (5), लक्ष्य = $ (लक्ष्य आईडी); यदि (target.hasClass ('ड्रॉपडाउन-सक्रिय')) {target.slideUp (); target.removeClass ('ड्रॉपडाउन-सक्रिय');} और {target.slideDown (); target.addClass ('ड्रॉपडाउन-सक्रिय');} वापसी झूठी;}); गिनती ++; }  

    लेकिन आपके सभी लोगो को वही कक्षा देने के लिए बेहतर होगा (कहते हैं, "लोगो"), और फिर आप जबकि पाश को खा सकते हैं: < / P>

      $ ('। लोगो & gt; img')। क्लिक करें (फ़ंक्शन () {var origin = $ (this)। Parent (), targetId = '# info-' + orig [0] .id.substring (5), लक्ष्य = $ (लक्ष्य आईडी); यदि (target.hasClass ('ड्रॉपडाउन-सक्रिय')) {target.slideUp (); target.removeClass ('ड्रॉपडाउन-सक्रिय');} else {target .slideDown (); target.addClass ('ड्रॉपडाउन-सक्रिय');}});  संपादित करें:  जैसा कि कार्ल-आंद्रे गगनन टिप्पणी में बताते हैं, आप भी  $ ('[id ^ = "logo-"] का उपयोग कर सकते हैं ')  उन्हें एक वर्ग देने के विकल्प के रूप में, और अब भी समय-समय-लूप के दृष्टिकोण का उपयोग करते हैं। 

    आईडी के बाहर संख्याओं को पार्स करने के लिए एक विकल्प में संख्या को संचित करना होगा एक डेटा-संख्या विशेषता:

      & lt; div class = 'logo' डेटा-संख्या = '1' & gt; ... & lt; / div & gt;  

    और उसके बजाय उस var मूल के ... substring विधि के साथ सामान, आपके पास होगा:

      var num = $ (यह)। Parent ()। डेटा ('num'), लक्ष्य = $ ('# info-' + num);  

    Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -