मैं गतिशील सामग्री से सभी शीर्षक टैग के लिए आईडी जोड़ना चाहता हूं। आईडी उसी तत्व के आंतरिक पाठ पर आधारित होनी चाहिए (यह विशेष खंड के लिए लिंक बनाने के लिए है)।

उदा: यदि शीर्षक टैग में <h1 class="title_tag">Key Programming Language</h1> है, आउटपुट <h1 id="key-programming-language" class="title_tag">Key Programming Language</h1> होना चाहिए

मुझे यकीन नहीं है कि आईडी में आंतरिक HTML मान कैसे प्राप्त करें। कृपया मुझे किसी भी जावास्क्रिप्ट (या) jQuery (या) PHP का उपयोग करके समाधान सुझाएं

0
Siva 8 जुलाई 2021, 20:52

3 जवाब

सबसे बढ़िया उत्तर
const convertToKebabCase = (string) => {
  return string.replace(/\s+/g, '-').toLowerCase();
}

const h1 = document.querySelectorAll("h1");
h1.forEach(el=>{
  const kebabCaseText = convertToKebabCase(el.innerText);
  el.id = kebabCaseText;
})
<h1 class="title_tag">Key Programming Language</h1>
2
Pablo Valverde Llamas 8 जुलाई 2021, 18:01

यह आप क्या करने की कोशिश कर रहे हैं?

    $("h1").each(function(){
        
        var newId = $(this).text().replace(" ", "-");
        //console.log(newId);
        $(this).attr('id', newId);
    });
1
Phaelax z 8 जुलाई 2021, 18:00

या शुद्ध जावास्क्रिप्ट:

var elements = document.getElementsByTagName("1");
for (i = 0; i < elements.length; i++) {
    elemelements[i].id = elements[i].innerHTML;
}
0
Etienne 8 जुलाई 2021, 18:05