需要帮助创建动态Javascript阵列

时间:2010-06-24 20:15:33

标签: javascript html css dom

第一部分: 我正在试图弄清楚如何使用DOM和Javascript来创建包含多个列表中的链接的数组。 问题是我需要每个UL都有一个包含链接的唯一数组;我能做的唯一唯一ID 在这种情况下使用的是链接标记中的名称值。我将无法在标记中添加任何其他内容。 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>

1 个答案:

答案 0 :(得分:2)

我正在使用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它确实让这些变得容易。