Нужна помощь в создании динамических массивов Javascript

Question

Часть первая: Я пытаюсь выяснить, как использовать DOM и Javascript для создания массива, содержащего ссылки в нескольких списках. Проблема в том, что мне нужно, чтобы каждый UL имел уникальный массив, содержащий ссылки; единственный уникальный идентификатор, который я могу использовать в этом случае значение имени в тегах ссылки. Я не смогу добавить что-либо еще в разметку. Ссылка на JavaScript должна содержаться в одном скрипте, с одной ссылкой на скрипт на внизу страницы.

Часть вторая: В конечном итоге мне нужно скрыть каждый из списков и заменить их только первыми двумя ссылками, вместе со ссылкой «просмотреть все» под двумя ссылками, при нажатии на которую добавляются две другие ссылки в список.

Опять же, я не могу добавить разметку, div и т. Д .; оно должно быть полностью основано на информации ниже, DOM и JavaScript.

Спасибо за любую помощь, которую вы можете оказать!

<ul>
    <li>
        <a href="#" name="obj_a">Section One, Article One</a>
    </li>
    <li>
        <a href="#" name="obj_b">Section One, Article Two</a>
    </li>
    <li>
        <a href="#" name="obj_c">Section One, Article Three</a>
    </li>
    <li>
        <a href="#" name="obj_d">Section One, Article Four</a>
    </li>
</ul>

<ul>
    <li>
        <a href="#" name="obj_e">Section Two, Article One</a>
    </li>
    <li>
        <a href="#" name="obj_f">Section Two, Article Two</a>
    </li>
    <li>
        <a href="#" name="obj_g">Section Two, Article Three</a>
    </li>
    <li>
        <a href="#" name="obj_h">Section Two, Article Four</a>
    </li>
</ul>

Answer 1

Я использую jQuery для своих решений;)

Часть первая:

var list = new Array();
$.each($('ul'), function(index, value) {
  list.push(new Array());
  $.each($(value).find('li a'), function(index2, value2){
    list[list.length - 1].push(value2.href);
  });
});

Часть вторая:

Я действительно не понимаю требований, но посмотрите на jQuery, он действительно облегчает эти задачи.