Jeder Webentwickler, welcher mit jQuery-Plugins arbeitet weiß dass er mit einem Selektor ein Plugin an ein gewünschtes DOM-Element binden kann. Z.B. kann man mit folgendem HTML-Markup aus einem div ein schönes PrimeUI-Panel machen:
Inhalt vom Panel
Wenn aber ein dynamisches CMS genutzt wird oder in der Software selbst, wieder verwendbare Komponenten wie JSF-Composites, dann kann eine feste ID Probleme bereiten, falls diese Komponente oder die Inhalte des CMS mehrfach auf einer Webseite angezeigt werden. Z.B. wenn mehrere Blog-Einträge in einer Rubrikseite angezeigt werden. Weil die ID myPanel dann doppelt vorhanden wäre. Darum lautet die Frage:
Wie binde ich ein JavaScript Plugin an ein DOM-Element wenn keine ID vorhanden ist? Die Antwort ist einfach aber effektiv.
Inhalt vom Panel
Das Panel braucht nun keine ID mehr. Es funktioniert da im Browser der aktuell ausgeführte Script-Block immer der letzte ist.
Inspiriert von StackOverflow