Vilket barn är synligt (jQuery)

2010-06-12 13:13

Medlem

Plats: Göteborg
Registrerad: Sep 2002

●

Vilket barn är synligt (jQuery)

Jag har tre li-element i en ul-lista (#slider).
Ett av elementen är synligt - Kan jag få reda på vilket index den synliga li:n har?

Bör returnera 3
<ul id="listan">
    <li></li>
    <li></li>
    <li style="display:none"></li>
    <li></li>
</ul>

Visa signatur

ketels

Rapportera Redigera

Citera flera Citera

2010-06-12 13:29

Permalänk

azoapes

Medlem

Plats: Göteborg
Registrerad: Jun 2004

●

$('#listan').children(':hidden').index(); // 2

Senast redigerat 2010-06-12 13:35

Visa signatur

På SoundCloud | Fästmöns galleri

Rapportera Redigera

Citera flera Citera

2010-06-12 13:30

Permalänk

Zetsu

Medlem

Plats: Uppsala
Registrerad: Jul 2008

●

Kan du inte bara loopa igenom "#listan li" (med .each() dvs), och om "$('#listan li').is(':hidden')" så gör du någonting? Å andra sidan kanske det inte fungerar att göra så om man har display: none på elementet (istället för att ha det gömt via jQuery direkt menar jag), men det känns ändå som om det skulle kunna funka.

Testa, blev lite nyfiken (och orkar inte testa själv, haha). :>

Visa signatur

500px

Rapportera Redigera

Citera flera Citera

2010-06-12 13:43

Permalänk

ketels

Medlem

Plats: Göteborg
Registrerad: Sep 2002

●

Skrivet av azoapes:

$('#listan').children(':hidden').index(); // 2

Gå till inlägget

Fick -1 som resultat på den här...
Tänkte man skulle slippa loopa igenom listan... Känns som det borde finnas något i jQuery som löser det åt en... Man man kanske bara är lat

Visa signatur

ketels

Rapportera Redigera

Citera flera Citera

2010-06-12 15:05

Permalänk

azoapes

Medlem

Plats: Göteborg
Registrerad: Jun 2004

●

Skrivet av ketels:

Fick -1 som resultat på den här...

Gå till inlägget

Då gör du något fel, för det fungerar. Beviset: Index of hidden element

EDIT
Du kanske använder jQuery 1.3.2 eller tidigare? Uppgradera till 1.4.2 så får du en bra prestandaökning. Om du är bunden till en gammal jQ-version så funkar detta istället:

var $lista = $('#lista'),
    i = $lista.children('li').index($lista.children('li:hidden'));

Senast redigerat 2010-06-12 15:20

Visa signatur

På SoundCloud | Fästmöns galleri

Rapportera Redigera

Citera flera Citera

2010-06-12 16:30

Permalänk

ketels

Medlem

Plats: Göteborg
Registrerad: Sep 2002

●

Skrivet av azoapes:

Då gör du något fel, för det fungerar. Beviset: Index of hidden element

EDIT
Du kanske använder jQuery 1.3.2 eller tidigare? Uppgradera till 1.4.2 så får du en bra prestandaökning. Om du är bunden till en gammal jQ-version så funkar detta istället:

var $lista = $('#lista'),
    i = $lista.children('li').index($lista.children('li:hidden'));

Gå till inlägget

Aha... Ni funkar det. Stämmer att jag hade 1.3.2-versionen...
Får dock lite andra lustiga fel... Men jag skapar kanske en ny tråd senare när jag har ork att ta tag i det.
Tack för visat intresse!

Visa signatur

ketels

Rapportera Redigera

Citera flera Citera

Vilket barn är synligt (jQuery)

Vilket barn är synligt (jQuery)

Externa nyheter

Spelnyheter från FZ