Рандомизировать последовательность элементов div с помощью jQuery
Я пытаюсь сделать свои первые шаги с jQuery, но у меня есть некоторые проблемы, чтобы понять, как найти список дочерних элементов из родительского элемента div. Я привык работать с ActionScript 2 и ActionScript 3, поэтому я мог ошибиться в некоторой концепции, например, как лучше рандомизировать последовательность элементов div с помощью jQuery!
У меня есть эта простая часть 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>
Я попытался сделать это как карта.member div в одном массиве с последующим изменением порядка сортировки, но безуспешно.
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"));
когда я попытался предупредитьelement_parent [0] я думал, чтобы получить первого ребенка моего.member список дивов, но это не так.
если я сделаю предупреждение сelement_parent [0] .innerHTML я вижу это:
<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 class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>
Я уверен, что это должно быть легко, но я просто не знаю как :(
пожалуйста помоги
Спасибо
Витторио
РЕДАКТИРОВАТЬ:
Спасибо за быстроту и это разные способы получить отобранных детей, я запомню эти способы на будущее!
Я попробовал этот метод, но, кажется, я не смог получить весь div (пожалуйста, скажите мне, если я что-то ошибаюсь, это может быть слишком много !!).
Я должен получить это содержание:
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>
но с одним из этих методов, таких как$ ("div.band div.member: eq (2)") или другие полезные способы, я получаю это:
alert ($('div.band div.member')[0]);
/* result
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
*/
так есть ли способ получить.member контейнер div тоже в моем узле?