Skip to content

Instantly share code, notes, and snippets.

@colelawrence
Last active August 29, 2015 14:01
Show Gist options
  • Save colelawrence/3724445568708ed0a022 to your computer and use it in GitHub Desktop.
Save colelawrence/3724445568708ed0a022 to your computer and use it in GitHub Desktop.
Swapping elements in jQuery
function swapContainers (name1, name2) {
var btn1 = $(".button-"+name1)[0]
var cont1 = $("#"+name1)[0]
var btn2 = $(".button-"+name2)[0]
var cont2 = $("#"+name2)[0]
var btn1CN = btn1.className
btn1.className = btn2.className.replace(name2, name1)
btn2.className = btn1CN.replace(name1, name2)
var cont1CN = cont1.className
cont1.className = cont2.className
cont2.className = cont1CN
var btn1Before = $("<i class='hidden'>").insertBefore(btn1)
var btn2Before = $("<i class='hidden'>").insertBefore(btn2)
$(btn2Before).after(btn1).remove()
$(btn1Before).after(btn2).remove()
var cont1Parent = cont1.parentNode
$(cont1).prependTo(cont2.parentNode)
$(cont2).prependTo(cont1Parent)
$(btn1).click()
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment