How to access all elements of an orderedlist

Question

I have made a list by accessing elements from an array randomly(Using JavaScript, used this link Getting a random value from a JavaScript array) and then print them all (in first div). Now in another div I want to access that all elements but I am getting results like LI,BR etc. whatever i mentioned when i appended elements to div.(I used this link Get all elements nested in UL tag )

Here the code is:

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

                         </ol>
                    </div>

For random accessing I am using function

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/>' );


     }
    }

And for print them to another div I am using 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);
                }

So what I did wrong?? How can I get these all elements and print them to some other place(In different div)??

Thanks

`br` isn't a valid element within `ol` elements, only `li` is. You're also mixing JavaScript and jQuery unnecessarily, you'd benefit from http://try.jquery.com. — James Donnelly, Oct 08 '13 at 12:26
I checked with jquery and javascript code also but it is not working. Any guess? — Shyam Dixit, Oct 08 '13 at 13:14

score 1 · Answer 1 · answered Oct 08 '13 at 12:27

1

try

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

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

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

Demo: Fiddle

answered Oct 08 '13 at 12:27

Arun P Johny

384,651
66
527
531

codingrose · Accepted Answer · 2013-10-08T13:26:10.480

1

pure jquery solution:

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

Here is the Fiddle

edited Oct 08 '13 at 13:26

answered Oct 08 '13 at 12:30

codingrose

15,563
11
39
58

1

@ZathrusWriter did :) – codingrose Oct 08 '13 at 12:57
2

lol, I was thinking telling the OP what he was doing wrong (as it was part of their question)... but +1 for the update nonetheless :) – Zathrus Writer Oct 08 '13 at 13:02
@Hiral: Is this working?? Here it is not working.I checked with both pure jquery and pure javascript code. Both are showing same output. Something missed?? – Shyam Dixit Oct 08 '13 at 13:11

How to access all elements of an orderedlist

2 Answers2