Articles of class

Supprimer les éléments inactifs de la classe

J’essaie de faire une pagination comme indiqué ci-dessous en téléchargeant des images et en les ajoutant à un conteneur en créant un nouveau div avec de nouveaux id’s et en donnant la class current à la première page. Si je change de page, je supprime la classe active de la page actuelle et l’ajoute à […]

élément jQuery vs performance element.class

Je me demande quelle serait la solution la plus rapide en sélectionnant des éléments comme suit: $(‘element[href=#my_link]’); ou: $(‘element.my_class’); Je n’aime pas me répéter lorsque j’écris du code, je préfère donc l’écrire le plus souvent en premier parce que je peux alors append des informations comme: Delete $(‘a[href^=#delete]’); puis divisez-le afin que je dispose de […]

Jquery ajoutant une fonction de clic à plusieurs plages avec la même classe

J’essaie d’utiliser jQuery pour append une fonction .click() à plusieurs étendues générées dynamicment à l’aide de leur classe. Ce que j’essaie, c’est essentiellement: $(“.spanClass”).click(function () {}); J’ai aussi essayé: $(“.spanClass”).on(“click”, function () {}); Maintenant, tout cela fonctionne, dans une certaine mesure. Mon problème est que le .click() uniquement affecté à la première étendue avec cette […]

Comment supprimer une classe CSS de toutes les lignes de la même table de niveaux lorsqu’une ligne est sélectionnée?

$(‘table tbody tr’).click(function () { // how to remove clickedRow class from all same level rows? $(this).addClass(‘clickedRow’); }); Lorsqu’une ligne est sélectionnée, j’aimerais supprimer la classe css clickedRow de toutes les autres lignes de la même table et l’append uniquement à la ligne actuellement sélectionnée. il y a plus que table dans ma page, donc […]

Basculer la visibilité de la classe en cliquant sur une autre classe

Je travaille sur un projet et je dois pouvoir cliquer sur .node-202 .field-name-field-pin-point et activer / .node-202 .group-dealer la visibilité de .node-202 .group-dealer . J’ai besoin des deux identifiants dans l’appel car il y aura plusieurs nœuds et je ne veux pas qu’ils soient tous ouverts lorsque je clique sur l’un des points de la […]

Modification de la couleur d’arrière-plan Div Div sur l’onglet actif

J’essaie de comprendre comment changer la couleur d’arrière-plan du conteneur div parent lorsque vous cliquez sur un onglet. Je veux l’avoir pour que lorsqu’un onglet soit actif, il ajoute une classe au div parent. Chaque onglet actif appendait une couleur bg différente au parent. Lien vers l’exemple C’est ce que j’aimerais faire.

Ajouter et supprimer continuellement class à un élément aléatoire avec jQuery

Disons que j’ai une liste non ordonnée de dix éléments. Je voudrais qu’une classe soit ajoutée à l’une d’elles au hasard, puis supprimez cette classe après quelques secondes et recommencez avec un autre élément choisi au hasard, indéfiniment. Quel serait le moyen le plus propre pour y parvenir? edit: Ce que j’ai jusqu’ici: … … […]

jQuery soulignement dynamic

J’ai des divs cachés que mon menu de navigation montre / cache. Lors de l’affichage / masquage des divs, l’option de menu correspondante est soulignée; c’est-à-dire que la division précédente disparaît, la division actuelle disparaît et le soulignement suit. Le soulignement ne se cache pas lorsque vous fermez une div en cliquant de nouveau sur […]

Div ID code de fondu

Je suis un débutant sur jQuery. Quelqu’un peut m’aider avec mon problème de 2 jours. J’ai juste besoin d’un exemple de code pour un effet de fondu, diaporama. Voici le style. Ce sera 3 divs avec la même classe La première div affichera pendant 6 secondes puis disparaîtra pour 2 secondes avant que le premier […]

jQuery ajoute une classe numérotée récursivement à des blocs de div

J’emballe dinamically un nombre fixe de divs d’un tableau (par exemple 4 dans chaque groupe). Le nombre de .item retournés du tableau est inconnu … Je dois append récursivement la même classe à ces groupes de divs encapsulés: … … et voici le résultat final: … … le code que j’utilise pour envelopper les divs: […]