Création fonction avec ajout id, class, style, data

Bonjour,

j'essaye de créer un bloc sous forme d'une fonction qui sera appelée x fois dans mon programme.

mais je ne trouve pas certaines commandes du type ajouter "id"

voici ce que j'essaye d'obtenir :

le <% %> est l'endroit où les variables seront dynamiques.

Code:

1
2
3
4
5
6
7
8
9
10
11
<li id="t<%= data.id %>" class="<%= data.visible ? 'msgOK' : 'msgNO' %>" style="display: none;">
    <% if(config.avatar == 1){ %>
        <img src="<%= avatar %>" class="avatar" />
    <% } %>
    <div class="general">
        <span class="author"><%= data.author %> :</span>
        <span class="textMsg"><%= data.message %></span> -
        <span class="time" data-time="<%= data.ctime %>"><%= moment(ctime).fromNow() %></span>
        <div style="clear: both;"></div>
    </div>
</li>

voici le code actuel où je bloque :
- pour imbriquer des balises,
- mais aussi pour mettre id un variable
- et mettre une classe variable en fonction d'une valeur

Code:

1
2
3
4
5
6
7
8
9
addt = function(data){
        $part=$('<li/>').addClass('tt');
        $par.append( $('<div/>').addClass('general'));
        $par.append( $('<div/>').addClass('author').html("Auteur: "+ data.author) );
        $par.append( $('<div/>').addClass('message').html("Message: "+ data.message) );
        $par.append( $('<div/>').addClass('provider').html("Provider: "+ data.provider));
 
        $('#contenu').append($part);
}

Merci

je suis aussi preneur d'un bon tuto dans ce sens