javascript - JQuery append() DIV HTML without <img> -
been trying find answer can't seem head around it:
var newlayout = '<div id="blog-left"></div>' ; // creates layout content moved newlayout += '<div id="blog-right" class="nivoslider"></div>' ; newlayout += '<div style="clear:both;"></div>' ; newlayout += '<div id="img-temp" style="display:none;"></div>' ; $('.blog').append(newlayout); // add new layout $('#blog-left').append( $('.blog p') ); // <p>'s being added new layout $('#blog-right').append( $('.blog img') ); // <img>'s being added new layout
this work well, problem have instead of appending <p>
#blog-left
want append contained html
minus <img>
tags. html
goes #blog-left
, <img>
's go #blog-right.
i've tried using .html()
works point #blog-left
& #blog-right
in containing div .blog
.
i've tried couple of things nothing returns correctly if @ all. of bright sparks have solution using jquery?
thanks in advance.
sam t.
i so:
var $blog = $('.blog'); // first add images right (removes them .blog) var $right = $('<div id="blog-right" class="nivoslider" />') .append($blog.find('img')); // add remaining elements .blog left var $left = $('<div id="blog-left" />').append($blog.children()); var container = '<div style="clear:both;"></div>' + '<div id="img-temp" style="display:none;"></div>'; // add new content .blog $blog.append($left).append($right).append(container);
Comments
Post a Comment