$("div:eq(1)");
Category: element
how to scroll to an element javascript react
class ReadyToScroll extends Component {
constructor(props) {
super(props)
this.myRef = React.createRef()
}
render() {
return <div ref={this.myRef}></div>
}
scrollToMyRef = () => window.scrollTo(0, this.myRef.current.offsetTop)
// run this method to execute scrolling.
}
import React, { useRef } from 'react'
const scrollToRef = (ref) => window.scrollTo(0, ref.current.offsetTop)
// General scroll to element function
const ScrollDemo = () => {
const myRef = useRef(null)
const executeScroll = () => scrollToRef(myRef)
return (
<>
<div ref={myRef}>I wanna be seen</div>
<button onClick={executeScroll}> Click to scroll </button>
</>
)
}
import { scroller } from "react-scroll";
// excluded React component syntax...
scrollToSection = () => {
scroller.scrollTo("your_css_class_here", {
duration: 800,
delay: 0,
smooth: "easeInOutQuart",
});
};
how to select multiple jquery element at once
// To select multiple html element at once using jquery, follow the syntax below
$("tagName1, tagName2, tageName3")
// The above code will select "tagName1", "tagName2", tagName3
// To select multiple element using "class name" follow the syntax below
$(".className1, .className2, .className3, .className4")
// To select multiple element using "id name" follow the syntax below
$("#idName1, #idName2")
how to replace array element in javascript without mutation
function replaceAt(array, index, value) {
const ret = array.slice(0);
ret[index] = value;
return ret;
}
const newArray = replaceAt(items, index, "J");
how to remove last element in js
var array = [1, 2, 3, 4, 5, 6];
array.pop();
console.log(array);
//Output in console section:
//[1, 2, 3, 4, 5]
array.pop(); //returns popped element
//example
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop(); // fruits= ["Banana", "Orange", "Apple"];
var colors = ["red","blue","green"];
var green = colors.splice(-1,1); //colors is now ["red", "blue"]
how to remove last element of array in javascript
var colors = ["red","blue","green"];
var green = colors.splice(-1,1); //colors is now ["red", "blue"]
array.pop()
array.splice(-1,1)
array.splice(-1,1)
let numbers = [1, 2, 3];
numbers.pop();
how to remove an element from a parent element javascript
function removeElement(el) {
el.parentNode.removeChild(el);
}
// or
HTMLElement.prototype.remove = function() { this.parentNode.removeChild(this); return this; }
node.parentNode.parentNode.removeChild(node.parentNode)
how to remove element from array in javascript
var colors = ["red","blue","car","green"];
var carIndex = colors.indexOf("car");//get "car" index
//remove car from the colors array
colors.splice(carIndex, 1); // colors = ["red","blue","green"]
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
var data = [1, 2, 3];
// remove a specific value
// splice(starting index, how many values to remove);
data = data.splice(1, 1);
// data = [1, 3];
// remove last element
data = data.pop();
// data = [1, 2];
var array = [1, 2, 3, 4];
var evens = _.remove(array, function(n) {
return n % 2 === 0;
});
console.log(array);
// => [1, 3]
console.log(evens);
// => [2, 4]
/* there are 3 ways to do so
1) pop(), which removes the last element
2) shift(), which removes the first element
3) splice(), which removes any element with a specified index.
of these only splice() takes parameters. the first parameter it takes is the
index of the element to be removed, an integer. the second is the number of
elements to be removed, again integer. the third and fourth etc. are optional,
which is to be used if you want to replace them. Example: */
let numbers = [1, 2, 3, 4, 5];
numbers.pop(); // removes 5
numbers.shift(); // removes 1
let threeIndex = numbers.indexOf(3); // used for long arrays
numbers.splice(threeIndex, 1); // without replacement
numbers.splice(threeIndex, 1, 7) // 3 will now be replaced by 7
var colors = ["red","blue","car","green"];
var carIndex = colors.indexOf("car");//get "car" index
//remove car from the colors array
colors.splice(carIndex, 1); // colors = ["red","blue","green"]
how to remove first element of array in javascript
let numbers = ["I'm Not A Number!", 1, 2, 3];
numbers.shift();
var colors = ["red", "green", "blue"];
var red=colors.shift();
//colors is now ["green","blue"];
var arr = [1, 2, 3, 4];
var theRemovedElement = arr.shift(); // theRemovedElement == 1
console.log(arr); // [2, 3, 4]
var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.shift()
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.shift()); // prints "Banana"
console.log(fruits) // prints ["Orange", "Apple", "Mango"]
var cats = ['Bob', 'Willy', 'Mini'];
cats.pop(); // ['Bob', 'Willy']
how to remove first element of array javascript
let arrayCheck = ["Apple", "Grapes", "102", "CodeBreaker"]
arrayCheck.shift()
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.shift()); // prints "Banana"
console.log(fruits) // prints ["Orange", "Apple", "Mango"]
var arr = [1, 2, 3, 4];
var theRemovedElement = arr.shift(); // theRemovedElement == 1
console.log(arr); // [2, 3, 4]
var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.shift()