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

Předám nevyužitou firmu bez aktivity

1 Kč

0 příhozů

Prodám doménu Starflix.sk – DR 56, žádné spamové skóre!

1 299 Kč

0 příhozů

ITmix | Zavedený výdělečný affiliate projekt s kvalitním obsahem a mezinárodní expanzí

1 111 Kč

0 příhozů

Prémiová třípísmenná doména MZP.sk (historie od 2007)

1 699 Kč

0 příhozů

🔞 Ziskový e-shop s erotickými pomůckami

1 000 Kč

0 příhozů

Poptávky Více

Recenze pro Google firmu

Programátor (OOP, Framework Yii)

Hledám grafika pro projekt seznamky

Potraviny

Hledáme Copywritera | Texty na personální web o finančních službách & pojištění

Pracovní nabídky Více

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

40 000 - 80 000 Kč

Web Analytik

Práce z domu

Nabídky Více

Úprava a správa XML feedů v aplikaci Mergado a Napojse, Shoptet, Marketplace, Amazon, Kaufland , Allegro a další.

🤖 Bezvabot.cz | AI Chatbot který zvýší prodeje na vašem webu💰💰

👉 Tvorba webů WordPress 👈 RYCHLE a LEVNĚ 📌

Stáhnu a vytáhnu pro Vás data odkudkoliv (web scraping, napojení api, nebo jiných externích systémů)

INZERT EXPRES