Podmínky, pokud prvek má třídu, nebo ji nemá – jquery

30. 10. 2014 22:32:29

Ahoj,

nejsem vůbec v jquery kovaný, ale mám problém s psaním podmínky, při které se zjišťuje, zdali daný prvek (span) má třídu, nebo ji nemá.

Vytvářím stránku postavenou na Wordpressu a myšlenka je taková, že ve vytvořeném menu, na jednotlivých položkách přidám třídu/třídy. Skript poté zjistí že položka má či nemá danou třídu a zobrazí či nezobrazí onen . Určit podmínku zdali položka menu (

) má třídu mi nedělá problém ,ale zjistit že ji nemá mi nefunguje a v případě, že skript zjistí třídu, tak daný zobrazí u všech položek. Proto to potřebuji ošetřit tak, že další podmínkou bude, že bude zjišťovat její nepřítomnost.

Vše je provázané s CSS, kde mám 4 prázné třídy (ty píšu ve Wordpressu k jednotlivým položkám menu, např. třída .mozek), čtyři třídy které skryjí span (např. .mozek-hide) a 4 třídy, které ho zobrazí (např. .mozek-show). Jednotlivé spany jsou v bloku za každou položkou menu a defaultně jsou skryté. Zobrazují obrázky.

Můj problém je, že v současné chvíli se mi nedaří podmínkou zjistit, že třída neexistuje a tudíž prvek nezobrazit. Skript zjistí, že u první položky třída existuje, zobrazí span, ale zobrazí ho u všech položek a to je špatně.

Prosím o radu, jak upravit kod tak, aby byla tato chyba ošetřena.

Díky.

30. 10. 2014 22:32:29

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065214

Jiri Soustal

30. 10. 2014 22:49:04

Ono by to chtělo vědět možná i tak trochu strukturu html, jestli ten span je uvnitř li, nebo úplně někde mimo.

30. 10. 2014 22:49:04

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065213

Jakub Hamala

(23 hodnocení)

30. 10. 2014 22:49:38

Pokud jsem to pochopil dobře, tak:

http://jsfiddle.net/u01vfq2f/

30. 10. 2014 22:49:38

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065212

Antonín Bureš

30. 10. 2014 23:05:26

sorry. HTML vypadá takto.

30. 10. 2014 23:05:26

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065211

Jiri Soustal

30. 10. 2014 23:08:29

Mělo by to fungovat i takto, ale nemám teď možnost to otestovat, tak se omlouvám předem, kdyby to nefungovalo.

30. 10. 2014 23:08:29

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065210

Antonín Bureš

31. 10. 2014 08:27:59

Díky za kód, ale bohužel toto také nefunguje. Stále se zobrazuje span u všech položek.

31. 10. 2014 08:27:59

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065209

JKHouba

(1 hodnocení)

31. 10. 2014 09:31:44

Četl jsem to asi 10x, ale jsem z toho spíš jelen, položka má nemá třídu, zobrazí nezobrazí... Uf.

Nevím, jestli jsem pochopil vo co přesně go, ale myslím, že chyba bude ve vybírání prvků.

Zkus tohle:

Ono ani nevíme, co je ve třídách něco-hidden a něco-show.

Takhle by to mělo být kratší:

Jenomže tak tomu postupně odebereš třídy a co dál?

Nebylo by lepší místo removeClass("mozek-show") dát addClass("mozek-hidden") ?

---------- Příspěvek doplněn 31.10.2014 v 09:56 ----------

Napsal Antonín Bureš;1136638
Díky za kód, ale bohužel toto také nefunguje. Stále se zobrazuje span u všech položek.

U všech položek to znamená u všech dalších ul?

31. 10. 2014 09:31:44

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065208

Antonín Bureš

31. 10. 2014 10:03:02

Mnohokráte díky JKHouba. Tohle řešení funguje.

Ve třídách něco-show je cca tohle

a ve třídách něco-hidden je toto

Všem děkuji za rady, moc jste mi pomohli. :-)

31. 10. 2014 10:03:02

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065207

JKHouba

(1 hodnocení)

31. 10. 2014 10:09:49

A nestačilo by jen samotné display:none ?

31. 10. 2014 10:09:49

https://webtrh.cz/diskuse/podminky-pokud-prvek-ma-tridu-nebo-ji-nema-jquery#reply1065206

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Prodám web FVE.info – magazín o FVE, moderní, eko téma

10 000 Kč

0 příhozů

Prodej vlastní značky, eshopu, vybavení a zboží – vysoké marže, žádné reklamace – LILLYBE.CZ

50 000 Kč

0 příhozů

Prodej domény nejurok.cz

5 000 Kč

0 příhozů

Prodej domény bezdepky.cz

2 000 Kč

0 příhozů

Prodám doménu tipnahotel.cz

5 000 Kč

0 příhozů

Poptávky Více

VÝROBA A PRODEJ MOBILNÍCH DOMŮ

UI design webové aplikace

Make.com – vytvoření automatizace

návrh restaurace/bufetu

Špičkový grafik pro projekt sběratelských karet – dlouhodobá spolupráce

Pracovní nabídky Více

IT SPECIALISTA PRO MES SYSTÉMY (TÁBORSKO)

55 000 - 80 000 Kč

Desktop Support Specialist (Remote – Czech Republic – Texas)

Práce z domu

Full-stack (Next.js, Node.js) developer

Práce z domu, Praha

IT – First Level Support

Praha

Ředitel/ka odboru obchodu pro region Praha a Střední Čechy

Praha

Nabídky Více

😎 Analýza klíčových slov v AKCI! 📣📣📣

🌐 Juniorní markeťačka – Google Ads a Sklik za 290 Kč/hod

MAKUPAC: FULFILLMENT A LOGISTIKA PRO E-SHOPY

Instagram propagace (+800K CZ/SK sledujících)

⚙️ Webové stránky | Webové aplikace | OpenCart specialista | Workflow automatizace