Running into an error on this Dom manipulation
var prependData = $('#income_ranges').children().first().clone();
var prependedData = $('#income_ranges').children().last();
var list = document.getElementById("income_ranges");
list.insertBefore(prependData, prependedData);
Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'.
I get an error when I run this code and I dont know why. Any help is appreciated.
Can't test right now, but I am pretty sure that you get this error because you are switching between jQuery objects and vanilla JS objects. Use .get()
on a jQuery object to get it's vanilla counterpart (see documentation).
So change the last line to:
list.insertBefore(prependData.get(0), prependedData.get(0));
Or go full jQuery (much prettier in my opinion):
var prependData = $('#income_ranges > :first-child').clone();
var prependedData = $('#income_ranges > :last-child');
prependData.insertBefore(prependedData);
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments