javascript - 如何访问有序列表的所有元素

Question

我通过随机访问数组中的元素创建了一个列表(使用 JavaScript，使用此链接 Getting a random value from a JavaScript array )，然后将它们全部打印出来(在第一个 div 中)。现在在另一个 div 中，我想访问所有元素，但我得到的结果如 LI、BR 等。无论我在将元素附加到 div 时提到什么。(我使用了此链接 Get all elements nested in UL tag)

代码如下:

<div   id="list1" >
                        <ol id="olMediators">

                         </ol>
                    </div>

对于随机访问，我使用的是函数

function getRandomNumber()
    {

    var items= ["Mediator 1","Mediator 2","Mediator 3", "Mediator 4","Mediator 5","Mediator 6","Mediator 7","Mediator 8","Mediator 9"];

    var newitems=[];
        for(var i=0;i<5;i++){
    var item = items[Math.floor(Math.random()*items.length)];


        $("#olMediators").append('<li>'+item+'</li>'+'<br/>' );


     }
    }

为了将它们打印到另一个 div，我使用 jquery(点击按钮):

$('#getMediators').click(function(){

                $('#radioMediators').hide();

               var el = document.getElementById("olMediators").getElementsByTagName("*");
                for (var i=0; i<el.length; i++) {
                 alert(el[i].tagName);
                }

那我做错了什么？？ 我怎样才能得到这些所有元素并将它们打印到其他地方(在不同的 div 中)？？

谢谢

Answer 1

纯 jquery 解决方案:

$('#getMediators').click(function(){
    $('#radioMediators').hide();
    $("#olMediators li").each(function(){
       alert($(this).text());
    });
});

Here is the Fiddle