jQuery Plugin an Element binden ohne ID

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:

Problem

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.

Das Panel braucht nun keine ID mehr. Es funktioniert da im Browser der aktuell ausgeführte Script-Block immer der letzte ist.

Ergebnis

Inspiriert von StackOverflow