किसी getElementById (stack_ * _overflow) के बीच में किसी भी वर्ण को कैसे स्वीकार करें?

Question

मेरे पास एक ऐसा पृष्ठ है जो हर बार इनपुट फ़ील्ड की आईडी बदलता है। तो उदाहरण के लिए यदि मैं अब पेज पर जाता हूं, तो आईडी "stack_15_overflow" हो सकती है और अगली बार यह "stack_293_overflow" हो सकती है।

मैं "stack_ * _overflow" जैसे (जहां * कुछ भी मेल खाता है), कोई बात नहीं क्या पाठ के बीच में है किसी भी इनपुट क्षेत्र शुरू से संबंधित और कुछ विशिष्ट पाठ के साथ समाप्त, कि मूल्य प्राप्त करने के getElementById के लिए वाइल्डकार्ड के मूल्य का उपयोग करना चाहते,।

कोड:

function HelloId(string){ 
    var name=string 
    document.getElementById('stack_*_overflow').value=name; 
} 

Answer 1

कोड:

$("body:regex(id, stack_[0-9]+_overflow)"); 

using this plugin

Answer 2

var elements = document.querySelectorAll('[id^="stack_"][id$="_overflow"]'); 

Answer 3

का उपयोग jQuery के attribute starts with और attribute ends with चयनकर्ताओं:

$("[id^='stack'][id$=overflow]"); 

ध्यान दें कि इन चयनकर्ताओं महंगे हैं, तत्व के प्रकार को निर्दिष्ट करने के प्रदर्शन में सुधार कर सकते हैं:

$('element').filter("[id^='stack'][id$=overflow]"); 

Answer 4

आप getElementById का उपयोग करके इस लक्ष्य को हासिल नहीं कर सकते। एक बेहतर समाधान querySelector या querySelectorAll होगा, जहां आपको सीएसएस चयनकर्ताओं के लिए पूर्ण समर्थन मिलता है।

Reference at MDN

आप इनमें से 2 की आवश्यकता होगी विशेषता चयनकर्ताओं:

तत्वों है कि एक विशेष तार के साथ शुरू

document.querySelector('[id^="stack_"]'); 

हो जाओ तत्वों कि एक विशिष्ट स्ट्रिंग

शामिल हो जाओ

document.querySelector('[id*="stack_"]'); 

तत्वों जाओ कि एक विशिष्ट स्ट्रिंग

document.querySelector('[id$="_overflow"]'); 

साथ समाप्त होता है समाप्त होता है के संयोजन से और शुरू होता है चयनकर्ताओं पर आपको निम्न प्राप्त करने और अपने वांछित परिणाम प्राप्त करने में सक्षम हैं:

document.querySelector('[id^="stack_"][id$="_overflow"]'); 

हैप्पी कोडिंग!