3

配列の要素にランダムにアクセスしてリストを作成し (JavaScript を使用して、JavaScript 配列からランダムな値を取得するこのリンクを使用)、それらすべてを (最初の div で) 印刷します。今、別の div でそのすべての要素にアクセスしたいのですが、要素を div に追加したときに言及した LI、BR などの結果を取得しています (このリンクを使用しました UL タグにネストされたすべての要素を取得します)

コードは次のとおりです。

<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) に出力するにはどうすればよいですか??

ありがとう

4

2 に答える 2

1

試す

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

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

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

デモ:フィドル

于 2013-10-08T12:27:36.893 に答える
1

純粋な jquery ソリューション:

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

ここにフィドルがあります

于 2013-10-08T12:30:42.477 に答える