How to insert a div at specific postion in an array in javascript

Question

I have an array and when I am retriving my array I am getting something like this.

arr[0] = <li data="Dummy1" class= "Dummy1"></li>
arr[1] = <li data="Dummy2" class= "Dummy2"></li>
arr[2] = <li data="Dummy3" class= "Dummy3"></li>

Now after arr[0] I wanted to insert a div with style of cursor

<div style: 'cursor:auto'></div>

so my array will be look like

arr[0] = <li data="Dummy1" class= "Dummy1"></li>
arr[1] = <div style: 'cursor:auto'></div>
arr[2] = <li data="Dummy2" class= "Dummy2"></li>
arr[3] = <li data="Dummy3" class= "Dummy3"></li>

Can anybody help me how to achive this'

amhev · Accepted Answer · 2017-05-25 11:56:36Z

3

you can use this way the splice function on the array object:

arr.splice(1, 0, "<div style: 'cursor:auto'></div>");

This will insert the item in index 1 deleting 0 items.

answered May 25, 2017 at 11:56

amhev

3331 gold badge3 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rohìt Jíndal · Accepted Answer · 2017-05-25 12:13:01Z

1

Use Array.splice() method : It will changes the contents of an array by removing existing elements and/or adding new elements.

var arr = [];

arr[0] = '<li data="Dummy1" class= "Dummy1"></li>';
arr[1] = '<li data="Dummy2" class= "Dummy2"></li>';
arr[2] = '<li data="Dummy3" class= "Dummy3"></li>';

arr.splice(1, 0, "<div style: 'cursor:auto'></div>");

console.log(arr);

answered May 25, 2017 at 12:13

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

How to insert a div at specific postion in an array in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related