Упорядоченный список Iteration в Javascript

Есть ли способ разрешить мне перебирать упорядоченный список, похожий по функциональности как table.rows? Я использую Javascript.Упорядоченный список Iteration в Javascript

Причина, по которой я спрашиваю об этом, заключается в том, что у меня есть упорядоченный список, содержащий внутри себя другой упорядоченный список. Я просто хочу вернуть элементы родительского списка, а не дочерние.

<ol id="pList"> 
    <li>Item A</li> 
    <li> 
     <ol id="cList"> 
      <li>A's Child 1</li> 
      <li>A's Child 2</li> 
     </ol> 
    </li> 
    <li>Item B</li> 
    <li>Item C</li> 
    <li>Item D</li> 
</ol>

Теперь я использую getElementsbyTag и возвращает все ли, включая листинг в cList. Я просто хочу, чтобы они были в pList.

Благодаря

FYI: Я предпочел бы сделать это в JavaScript. Код должен работать в Greasemonkey. Я не очень много знаю о jquery, и я не очень много программист на javascript.

источник

2013-02-14 C3PO

Вы спрашиваете только для ванильного Javascript или можете использовать jQuery? – Sunyatasattva

вы хотите «простой» javascript или вы можете использовать jquery? – pbaris

Просто для удовольствия, давайте предположим, что вопрос, который * не помечен * [тег: jquery], не * хочет * ответ jQuery. –

Нет specific Недвижимость, которая дает вам прямой доступ к детям <li> детей <ol>.

Однако их очень просто перечислить, особенно если учесть, что единственными законными детьми <ol> должны быть текстовые узлы с пробелами и узлы <li>.

var ol = document.getElementById('pList'); 
var li = []; 
var node = ol.firstChild; 
while (node) { 
    if (node.tagType === 3 && node.tagName === 'LI') { 
     li.push(node); 
    } 
    node = node.nextSibling; 
}

В конце которого, массив li содержит необходимые детей.

Вышеупомянутый код будет работать в любом браузере. Коллекция .children имеет проблемы с более старыми версиями MSIE, а querySelectorAll еще более современна (и, следовательно, менее широко поддерживается).

источник

2013-02-14 15:27:12 Alnitak

Как насчет 'var li = document.getElementById ('pList'). Children;' – jantimon

@Ghommey '.children' имеет« странное »поведение в более старых версиях MSIE. См. Http://stackoverflow.com/questions/7935689/what-is-the-difference-between-children-and-childnodes-in-javascript – Alnitak

И '.childNodes'? Или мы имеем в виду то же самое здесь? –

Там в таблице непосредственных детей в каждом JavaScript Object:

document.getElementById('pList').children

Вы можете даже итерацию через него и проверить Независимо от ваших потребностей:

var el = document.getElementById('pList'); 
for (var i = 0; i < el.children.length; i++) { 
    if (el.children[i].tagName == "LI") { 
     el.children[i].doWhatever(); 
    } 
}

источник

2013-02-14 15:27:36

См. Http://stackoverflow.com/questions/7935689/what-is-the-difference-between-children-and-childnodes-in-javascript – Alnitak

Отмечены проблемы совместимости, спасибо! –

Я надеялся, что есть прямой доступ, например table.rows. Поэтому я думаю, что старомодный способ будет. – C3PO

При использовании querySelectorAll() * вариант для вас , это легко:

var listItems = document.querySelectorAll('#pList > li');

* примечание: это на и не имеет ничего общего с jQuery

источник

2013-02-14 15:29:24

+1 быстрый и читаемый – jantimon

Nice. Будет использовать его в следующий раз, так как у OL не всегда есть идентификаторы в этом случае. благодаря – C3PO

Упорядоченный список Iteration в Javascript

ответ

Смежные вопросы