I have:
<div id="facebook">
<span class="fa-stack fa-lg"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x"></i></span><br /><span id="soc_fb"></span>
</div>
And on a certain action, I want to wrap the whole thing in a hyperlink like:
<div id="facebook">
<a href="http://www.facebook.com"><span class="fa-stack fa-lg"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x"></i></span><br /><span id="soc_fb"></span></a>
</div>
So, what I tried was:
$("#facebook").prepend('<a href="#" title="Facebook" class="facebook_c">').append('</a>');
But this does not seem to do anything. Any ideas?
prepend()
and append()
add complete elements, not just start/end tags.
wrapAll()
should do it:
$('#facebook').children().wrapAll('<a href="http://facebook.com"></a>');
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments