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（Onclick on button）：

$('#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

试

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

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

    var el = $('#olMediators *').get();
    for (var i = 0; i < el.length; i++) {
        alert(el[i].tagName);
    }
});

演示：Fiddle

Answer 2

纯jquery解决方案：

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

Here is the Fiddle

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

2 个答案: