Discussion :

[Toufik83]

Bonjour,

ça fait quelques jours que j'ai résolu un petit problème ... et j'ai mis une instruction que je ne croyais pas qu'elle allait fonctionner.

Supposons qu'on a un élément html <div id="div"></div> et qu'on veut l'ajouter un élément avec append lorsque la condition est true, ou bien le précéder du même élément quand la condition est false, d'habitude le code est :

Code :

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

1
2
3
 
if(condition) $("#div").append(element);
else $("#div").before(element);

Le résultat est le même si je passe par une condition ternaire et utiliser les crochets "[]" afin de préciser la méthode a appeler :

Code :

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

1
2
 
$("#div")[condition?"append":"before"](element);

Vu que $("#div") est un objet, donc ses méthodes sont accessibles soit par un point "." soit par des crochets "[]".

Je me demande si on peut considérer ceci comme astuce ou bien j'ai tort...

[NoSmoking]

Bonjour,
tu as tout dis concernant la façon d'accéder aux propriétés des objets et comme tu le dis tu manipules des objets, jQuery certes mais des objets quand même.

Je me demande si on peut considérer ceci comme astuce ou bien j'ai tort...

Je l'utilise régulièrement pour « simplifier » l'écriture plutôt que d'avoir recours au if(){...}else{...}, je trouve cela plus « lisible » !

exemple :

Code :

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

1
2
const action = (window.pageYOffset > minScroll) ? "add" : "remove";
oLien.classList[action]("visible");

il y a plein de bonnes raisons de l'utiliser et sans en abuser j'en use !

Après sur le fond doit-on considérer cela comme une astuce ... je ne saurai le dire !