Eu pesquisei por meio do StackOverflow e do Google, mas estou vazio. Portanto, peça desculpas antecipadamente se isso já foi solicitado e resolvido.

NB: Eu sou um novato na jQuery, então eu não sei como escrever isso sozinho. Tenho certeza de que este é um trecho de código fácil, mas não posso envolver minha cabeça em torno dele.

O que eu estou procurando fazer é usar umdata- elemento (por exemplo:data-class ou similar) para anexar uma nova classe (ou ID, eu não sou mais exigente!) para o popover de nível superior<div>. O código que tenho atualmente é o seguinte:

jQuery:

$('a[rel=popover]')
    .popover({
        placement : 'bottom',
        trigger : 'hover'
    })
    .click(function(e) {
        e.preventDefault()
    });

HTML:

<a href="" rel="popover" data-class="dynamic-class" title="Title goes here" data-content="Content goes here">

E idealmente o tipo de HTML que eu teria cuspido, é algo assim:

<div class="popover ... dynamic-class">
    <!-- remainder of the popover code as per usual -->
</div>

Isso é algo que eu posso fazer? A documentação no site de bootstrap para popovers é um pouco escassa, por isso demorei um pouco só para chegar a este ponto, infelizmente :(

Agradecemos antecipadamente por qualquer e todas as respostas!