Я пытаюсь выполнить мои шаги с 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>
Я попытался сделать это как map .member divs в одном массиве, а затем изменил порядок сортировки, но безуспешно.
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 списка div, но это не так.
если я сделаю предупреждение с 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>
Я уверен, что это должно быть легко, но я просто не знаю, как : (
пожалуйста, помогите
спасибо
Витторио
EDIT:
Благодарим за стабильность и различные способы получения выбранных детей. Я буду отмечать эти пути на будущее!
Я пробовал эти методы, но, похоже, я не мог получить весь 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>
*/
так есть способ получить контейнер div .member в моем node?