Change usersettings with Javascript or JQuery

[Fr4nsson 1]

In webapp if i go to Settings -> Homescreen and then input this javascript in console i can change the settings of the drop down menus to my liking

document.getElementById("selectHomeSection1").selectedIndex = 1;
document.getElementById("selectHomeSection2").selectedIndex = 3;
document.getElementById("selectHomeSection3").selectedIndex = 5;
document.getElementById("selectHomeSection4").selectedIndex = 8;
document.getElementById("selectHomeSection5").selectedIndex = 8;
document.getElementById("selectHomeSection6").selectedIndex = 8;
document.getElementById("selectHomeSection7").selectedIndex = 8;

But how do i change this list with something i can input into the console?

 

 

Lets say i want to Put Music above Collections without pressing the buttons, i want to insert something into the chrome console, how can i do that?

 

If i check the list in developer tools i see this:

 

 

With a little bit of google the closest with JQuery i think is something like this:

$('.listItem.viewItem').insertAfter('.listItem.viewItem');

But then the class listItem.viewItem also has data-viewid=" " attached to it and my limited knowledge prevents me to format the script correctly.

 

But i want 

listItem.viewItem data-viewid="7e64e319657a9516ec78490da03edccb"        This is MUSIC

To go above

listItem.viewItem data-viewid="9d7ad6afe9afa2dab1a2f6e00ad28fa6"        This is COLLECTION

Anyone knows?

 

[Fr4nsson 1]

Solved, answer is:

$('.listItem.viewItem[data-viewid="7e64e319657a9516ec78490da03edccb"]').insertBefore('.listItem.viewItem[data-viewid="9d7ad6afe9afa2dab1a2f6e00ad28fa6"]');

First you need to inject JQuery as that page has non, download Chrome Extension jQuery Inject for that.