Próbuję wykonać moje pierwsze kroki z jQuery, ale mam problem ze zrozumieniem, jak znaleźć listę elementów potomnych z elementu div div. Jestem przyzwyczajony do pracy z ActionScript 2 i ActionScript 3, więc mogłem pomylić jakąś koncepcję, jak na przykład lepszy sposób losowania sekwencji elementów div za pomocą jQuery!Losowa sekwencja elementów div za pomocą jQuery
Mam ten prosty fragment kodu HTML:
<div class="band">
<div class="member">
<ul>
<li>John</li>
<li>Lennon</li>
</ul>
</div>
<div class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>
<div class="member">
<ul>
<li>George</li>
<li>Harrison</li>
</ul>
</div>
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>
</div>
próbowałem jakiś sposób, aby to zrobić jak mapie .member DIV w jednej tablicy, a następnie zmieniając kolejność sortowania, ale bez powodzenia.
function setArrayElements (element_parent) {
var arr = [];
//alert (element_parent[0].innerHTML);
for (var i = 0; i < element_parent.children().length; i ++) {
arr.push (element_parent[i].innerHTML);
}
}
setArrayElements($(".band"));
kiedy próbował ostrzec element_parent [0] myślałem, aby uzyskać pierwsze dziecko mojego .member listy div, ale tak nie jest.
Jeśli zrobię alert z element_parent [0] .innerHTML widzę, że:
<div class="member">
<ul>
<li>John</li>
<li>Lennon</li>
</ul>
</div>
<div class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>
<div class="member">
<ul>
<li>George</li>
<li>Harrison</li>
</ul>
</div>
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>
Dlaczego? Jak mogę zrobić, aby uzyskać dokładnie jednego z członków w ten sposób?
<div class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>
Jestem pewien, że to powinno być łatwe, ale ja po prostu nie wiem jak :(
pomóż
dzięki
Vittorio
EDIT:
Dziękujemy za szybkość i różne sposoby zdobycia wybranego dzieci, wezmę pod uwagę te sposoby na przyszłość!
Próbowałem tej metody, ale wydaje się, że nie mogłem uzyskać całego div (proszę powiedzieć, jeśli coś pomylę, to może być zbyt wiele !!).
Powinni dostać tę zawartość:
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>
ale z jednym z tych metod, takich jak $ ("div.band div.member: eq (2)") lub inne użyteczne sposoby, mam to:
alert ($('div.band div.member')[0]);
/* result
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
*/
więc czy jest jakiś sposób, aby uzyskać pojemnik .member div zbyt w moim węzła?
dostaniesz div kontenera też.Jeśli używasz Firebug i 'console.log', elementem wyjściowym jest pierwszy element div z elementem klasy –
ah! dzięki, teraz wiem, że nie byłam taka zła! pa pa, – vitto