JavaScript JQuery Selector auf einzelnes Element zugreifen

[Timmey92]

Moin,

ich komme eigentlich aus der Java Ecke und hab so meine Schwierigkeiten mit JavaScript ... für eine kleien Anwendung setze ich auf Bootstrap und möchte mit dem Popover Plugin Popovers anzeigen.
Das ganze funktioniert auch wunderbar, jetzt möchte ich entsprechende Divs als Content für verschiedene Popovers anzeigen. Dazu habe ich jedem <a> Tag eine eindeutige Id gegeben nach dem Beispiel id1, id2 etc.

Die Divs heißen dann "popover_content_wrapper_id1", "popover_content_wrapper_id2", etc.

Mein JS (mit JQuery) sieht bisher so aus:

// A $( document ).ready() block.
    $( document ).ready(function() {
        $("a.list-group-item").popover({
            html: true,
            content: function () {
                return $('#popover_content_wrapper_id1').html();
            }
        })
    });

Das Problem für mich ist: wie kann ich jetzt in der function() an die ID des einzelnen Links kommen um die verschiedenen Content Divs mit dem richtigen a Tag zu verknüpfen?

Danke für eure Hilfe JS ist nicht so meins...

 

[Cai-pirinha]

in der function kriegst du die id des jeweiligen elements über

$(this).attr('id')