jQuery Girl
  1. jQuery Girl
  3. Comment écrire dans la fonction JQuery qui retournent new div?
Intereting Posts
Comment intégrer la vidéo youtube dans un magnifique popup? Comment masquer et afficher des boutons personnalisés dans jqGrid en utilisant «reccount» MS MVC forme les techniques AJAXifying JQuery – Déplacement d’éléments d’une liste à une autre en fonction de la sélection de la liste déroulante Supprimer un li créé dynamicment de ul Kendo dropdown rebind en utilisant jquery Cookie jQuery: Comment enregistrer la sélection de couleur de l’utilisateur lors de sa prochaine visite? Masquer une div quand on clique dessus Est-il possible d’afficher un lien hypertexte ou un bouton dans la boîte de dialog Ajouter / Modifier de JQgrid Problème de paramètre JQuery Primefaces remoteCommand Comment gérer les erreurs postales jQuery lors de la navigation en dehors d’une page jQuery slide li gauche Expression régulière pour forcer un seul espace après un premier caractère appliquer dynamicment du style CSS à des éléments particuliers Comment utiliser le stockage local pour conserver les états de case à cocher pour le filtrage des éléments

Comment écrire dans la fonction JQuery qui retournent new div?

Comment écrire dans la fonction JQuery qui retournent new div? (J’obtiens comme paramètre pour utiliser un object, base sur cet object et les propriétés dont j’ai besoin pour renvoyer une couleur et un texte différents dans div. Exemple: si FI peint en rouge et écrit “feu”, si je peins en bleu et écrit ” watter “). Quelqu’un peut-il aider 

function getADiv() { return $('
', { text: 'hello', color: 'red' }); }

Hmmm quelque chose comme ça? 

 function makeDiv(type){ var params; if(type == "F"){ params = {text: "fire", color: "red"}; } else if(type == "W"){ params = {text: "water", color: "blue"}; } else return null; return $("
") .text(params.text) .css("color", params.color); }

Ma prise 

 var newDiv = function(options){ var html = '
Element: ' + options.element + '
'; return $(html); }; var myNewDiv = newDiv({ color: 'R', element: 'fire' });

Ou, plus simple (pas aussi sophistiqué): 

 var newDiv = function(letter){ var $d = $('
'); if(letter == 'F') $d.html('fire').css('color', 'red'); else if(letter == 'W') $d.html('water').css('color', 'blue'); return $d; }; var waterDiv = newDiv('W');

Cela devrait le faire: 

 function createDiv(type) { switch (type.toLowerCase()) { case 'f': return $('
').css({ color: 'red' }).text('Fire'); break; case 'w': return $('
').css({ color: 'blue' }).text('Water'); break; } }

Exemple en direct ici.