मैं एक HTML पृष्ठ है।कुछ तत्वों के साथ शुरू होने वाले सभी तत्वों को कैसे प्राप्त करें?
मैं जो नाम सभी तत्वों को निकालने के लिए चाहते हैं के साथ "q1_" शुरू होता है।
मैं कैसे जावास्क्रिप्ट में इस लक्ष्य को हासिल कर सकते हैं?
धन्यवाद!
var $eles = $(":input[name^='q1_']").css("font-color","yellow");
कि सभी तत्वों जिसका नाम विशेषता 'q1_' से शुरू होता हड़पने जाएगा:
एक त्वरित और आसान तरीका jQuery का उपयोग करें और यह करने के लिए है। एक डोम संग्रह करने के लिए jQuery वस्तुओं के परिणामस्वरूप संग्रह बदलने के लिए, ऐसा करते हैं:
var DOMeles = $eles.get();
http://api.jquery.com/attribute-starts-with-selector/
देखने के शुद्ध डोम में, आप getElementsByTagName उपयोग करने वाले सभी इनपुट तत्वों, और जिसके परिणामस्वरूप सरणी के माध्यम से लूप हड़पने के लिए कर सकता है। 'Q1_' के साथ शुरू name वाले तत्व एक और सरणी के लिए धक्का दिया हो:
var eles = [];
var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
if(inputs[i].name.indexOf('q1_') == 0) {
eles.push(inputs[i]);
}
}
आप Attribute Contains Prefix Selector साथ jQuery उपयोग करने का प्रयास कर सकते हैं।
$('[id|=q1_]')
हालांकि यह परीक्षण नहीं किया है।
'[attr | = value] 'चयनकर्ता भाषा पहचानकर्ताओं के लिए उपयोग किया जाना चाहिए। – Gumbo
आप getElementsByName ("इनपुट") का उपयोग पृष्ठ पर सभी आदानों का एक संग्रह प्राप्त करने के लिए कर सकते हैं। फिर संग्रह के माध्यम से लूप, रास्ते पर नाम की जांच। कुछ इस तरह:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<input name="q1_a" type="text" value="1A"/>
<input name="q1_b" type="text" value="1B"/>
<input name="q1_c" type="text" value="1C"/>
<input name="q2_d" type="text" value="2D"/>
<script type="text/javascript">
var inputs = document.getElementsByTagName("input");
for (x = 0 ; x < inputs.length ; x++){
myname = inputs[x].getAttribute("name");
if(myname.indexOf("q1_")==0){
alert(myname);
// do more stuff here
}
}
</script>
</body>
</html>
कोड उदाहरण के लिए धन्यवाद! –
और अधिक कुशल? – Varun
@ वरुण इस बारे में क्या अक्षम है? – graphicdivine
एचटीएमएल डोम querySelectorAll() विधि यहाँ उपयुक्त लगता है।
W3School लिंक दिया here
सिंटेक्स (W3School में दिए गए के रूप में)
document.querySelectorAll(CSS selectors)
तो जवाब।
document.querySelectorAll("[name^=q1_]")
संपादित करें:
FLX के सुझाव MDN here
आपका anwer मान्य है, लेकिन W3School एक बुरी स्रोत (अप्रचलित दस्तावेज़ हर जगह) माना जाता है। बेहतर एमडीएन का उपयोग करें, बहुत बेहतर है। – FLX
आप टैग नाम या एक 'विशेषता name' का मूल्य मतलब है के लिए लिंक जोड़ने को ध्यान में रखते? – Gumbo
क्या सभी तत्व एक ही प्रकार के टैग के प्रश्न में हैं? क्या वे सभी डीआईवी हैं, या उदाहरण के लिए एलआईएस? – graphicdivine
हां, सभी तत्व "इनपुट" प्रकार के हैं। JQuery के बिना –