Discussion :

[sky88]

Comment je peux ajouter une class à ma div en utilisant JQuery avec append

Merci

[rawsrc]

Salut,

La doc, toujours la doc : ici

[sky88]

merci voici comment j'ai constitué mon DIV

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$( "#div_filtre" ).append( 
            '<div class="sub-center" align="center"><img src="' +value.photo+ '" alt=""/> </div>'+
            '<div class="sub-content-right">'+
                '<ul>'+
                    '<li> <center> <img src="' +value.disponible+ '"alt=""/></center></li> <br/>'+
                    '<li><strong>Catégorie:</strong>' +value.categorie+ '></li>'+
                    '<li><strong>Marque:</strong>' +value.marque+ '</li>'+
                    '<li><strong>Modèle:</strong>' +value.modele+ '</li>'+
                    '<li><strong>Type :</strong>' +value.type_produit+ '</li>'+
                    '<li><a href="' +value.details+ '">Plus de détails ...</a></li>'+
                    '<li><a href="' +value.sav+ '">Liste des SAV ...</a></li>'+
                '</ul>'+
            '</div>');

[rawsrc]

Euh... comme indiqué dans la doc :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#div_filtre").addClass("ta_classe");

[sky88]

donc je dois faire ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 $( "#a" ).append( 
            '<div id="sub"  align="center"><img src="' +value.photo+ '" alt=""/> </div>'+
            '<div id="sub_right" >'+
                '<ul>'+ 
                    '<li> <center> <img src="' +value.disponible+ '"alt=""/></center></li> <br/>'+
                    '<li><strong>Catégorie:</strong>' +value.categorie+ '></li>'+
                    '<li><strong>Marque:</strong>' +value.marque+ '</li>'+
                    '<li><strong>Modèle:</strong>' +value.modele+ '</li>'+
                    '<li><strong>Type :</strong>' +value.type_produit+ '</li>'+
                    '<li><a href="' +value.details+ '">Plus de détails ...</a></li>'+
                    '<li><a href="' +value.sav+ '">Liste des SAV ...</a></li>'+
                '</ul>'+
            '</div>');
        $("#sub").addClass("sub-center");
        $("#sub_right").addClass("sub-content-right");

mais le style que j'ai dans mes classes ne s'appliquent toujours pas dans ma page

[sky88]

j'ai fait ce code et ça marche avec le grand div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$( "#a" ).append( 
            '<strong>' +value.modele+ '</strong> <br/>'+
            '<div  align="center"><img src="' +value.photo+ '" alt=""/> </div>'+
            '<div >'+
                '<ul>'+ 
                    '<li> <center> <img src="' +value.disponible+ '"alt=""/></center></li> <br/>'+
                    '<li><strong>Catégorie:</strong>' +value.categorie+ '</li>'+
                    '<li><strong style="color:red;">Marque:</strong>' +value.marque+ '</li>'+
                    '<li><strong>Type :</strong>' +value.type_produit+ '</li>'+
                    '<li><a href="' +value.details+ '">Plus de détails ...</a></li>'+
                    '<li><a href="' +value.sav+ '">Liste des SAV ...</a></li>'+
                '</ul>'+
                '<a href="'+value.panier+'">Ajouter au panier</a>'+
            '</div>').addClass("sub-content-right");
        });

mais pour le premier div comment je lui ajouter une class