move list items up and down using javascript
window.onload = function () {
var upLink = document.querySelectorAll(".up");
for (var i = 0; i < upLink.length; i++) {
upLink[i].addEventListener('click', function () {
var wrapper = this.parentElement;
if (wrapper.previousElementSibling)
wrapper.parentNode.insertBefore(wrapper, wrapper.previousElementSibling);
});
}
var downLink = document.querySelectorAll(".down");
for (var i = 0; i < downLink.length; i++) {
downLink[i].addEventListener('click', function () {
var wrapper = this.parentElement;
if (wrapper.nextElementSibling)
wrapper.parentNode.insertBefore(wrapper.nextElementSibling, wrapper);
});
}
}
Also in JavaScript:
- d3.select specific div
- remove all options from select jquery
- arrow function
- how to play around with backend node js and frontend react
- get height element use js
- odoo post template form using js
- javascript removing item from array
- convert base64 to image javascript
- code intialization problem javascript
- react native sharing common options across screens
- meeting room 2 javascript solution
- js push array
- problem solving for loop in javascript
- javascript break inner loop
- p5js unset fill
- making js local function globally accessible
- javascript remove line breaks from string
- react check if window exists
- Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
- javascript resize event
- read image metadata javascript
- how to use json file in nodejs
- get x y z position of mouse javascript
- update formgroup value angular