Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- div manipulation [closed]
- <div class="out">
- out asdaasd
- <div class="in"> in </div>
- out
- </div>
- <div class="out"> out asdaasd <div>
- <div class="in"> in </div>
- <div class="out"> out </div>
- var outers = document.getElementsByClassName("out");
- [].forEach.call(outers, function(outer) {
- var inner = outer.getElementsByClassName("in")[0];
- var children = outer.childNodes;
- var flag = true;
- var before = document.createElement("div");
- var after = document.createElement("div");
- before.classList.add("out");
- after.classList.add("out");
- [].slice.call(children).forEach(function(node) {
- if (node == inner) {
- return flag = false;
- }
- if (flag) {
- before.appendChild(node);
- } else {
- after.appendChild(node);
- }
- });
- var frag = document.createDocumentFragment();
- frag.appendChild(before);
- frag.appendChild(inner);
- frag.appendChild(after);
- outer.parentNode.replaceChild(frag, outer);
- });
- <div class="out">
- out asdaasd
- <div class="in"> in </div>
- out
- </div>
- <div id="xyz">
- </div>
- $('.out').contents().each(function() {
- if(this.nodeType == 3) {
- $('#xyz').append("<div class='out'>"+$(this).text()+"</div>");
- }
- else {
- $('#xyz').append(this);
- }
- });
- var a = $('<div class="out"> out asdaasd<div class="in"> in </div>out</div>'),
- tmp = $("<div/>");
- a.contents().each(function() {
- if(this.nodeType == 1)
- tmp.append(this);
- else
- tmp.append($(this).wrap("<div class='out' />").parent());
- });
- tmp.html()
Add Comment
Please, Sign In to add comment