jQuery - कक्षा

Question

के बजाय मैं वर्तमान jQuery उपयोग कर रहा हूँ आईडी जोड़ें:

$(function() { 
    $('span .breadcrumb').each(function(){ 
     $('#nav').addClass($(this).text()); 
     $('#container').addClass($(this).text()); 
     $('.stretch_footer').addClass($(this).text()) 
     $('#footer').addClass($(this).text()); 
    }); 
}); 

यह पाठ पृष्ठ पर 4 तत्वों को ब्रेडक्रम्ब में आयोजित लागू होता है, मुझे वहाँ पर पृष्ठ के लिए विशेष रूप से शैली के लिए अनुमति ।

मैं कक्षा के बजाय एक आईडी जोड़ने का प्रयास करना चाहता हूं, मैं इसे कैसे प्राप्त कर सकता हूं?

$('element').attr('id', 'value'); 

तो यह हो जाता है;:

Answer 1

इस प्रयास करें

$(function() { 
    $('span .breadcrumb').each(function(){ 
     $('#nav').attr('id', $(this).text()); 
     $('#container').attr('id', $(this).text()); 
     $('.stretch_footer').attr('id', $(this).text()) 
     $('#footer').attr('id', $(this).text()); 
    }); 
}); 

तो तुम बदल रहे हैं/तीन तत्वों से आईडी अधिलेखित और एक तत्व को एक आईडी जोड़ने। आप आप की जरूरत के अनुसार संशोधित कर सकते हैं ...

Answer 2

$('selector').attr('id', 'yourId'); 

Answer 3

ध्यान रखें कि यह किसी भी आईडी उस तत्व पहले से ही है अधिलेखित कर देता है:

$(".element").attr("id","SomeID"); 

कारण है कि addClass मौजूद है एक तत्व कई वर्गों हो सकता है क्योंकि ऐसा है, आप पहले से सेट कक्षाओं को जरूरी नहीं लेना चाहते हैं। लेकिन अधिकांश विशेषताओं के साथ, किसी भी समय दिए गए केवल एक मूल्य की अनुमति है।

Answer 4

आप के बजाय की जगह यह

कब्जा वर्तमान आईडी पहले, फिर अपने नए आईडी संलग्न 'आईडी के लिए जोड़' करना चाहते हैं। विशेष रूप से ट्विटर बूटस्ट्रैप के लिए उपयोगी जो उनके रूपों पर इनपुट राज्यों का उपयोग करता है।

new_id = '{{old_id}} inputSuccess'; 
    old_id = that.attr('id'); 
    that.attr('id', new_id.replace(/{{old_id}}/ig,old_id)); 

यदि आप नहीं करते हैं - तो आप पिछले सेटों को खो देंगे।

hth,

Answer 5

इम coffeescript

booking_module_time_clock_convert_id =() -> 
    if $('.booking_module_time_clock').length 
    idnumber = 1 
    for a in $('.booking_module_time_clock') 
     elementID = $(a).attr("id") 
     $(a).attr('id', "#{elementID}_#{idnumber}") 
     idnumber++