Home/ Questions/Q 3453704
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T09:24:19+00:00

<div id=last></div> <p id=text>text</p> <a id=link href=xxx>link</a> Suppose I have the code above, how

  • 0
<div id="last"></div>
<p id="text">text</p>
<a id="link" href="xxx">link</a>

Suppose I have the code above, how can I wrap a <div></div> to the a element, and insert it after div element, the result should be:

<div id="last"></div>
<div><a id="link" href="xxx">link</a></div>
<p id="text">text</p>

Tried the code below, but not works

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<div id="last"></div>
<p id="text">text</p>
<a id="link" href="xxx">link</a>

<script>
$('#link').wrap('<div></div>').detach().insertAfter('#last');
</script>

</body>
</html>

Thanks you

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Should look like:

    $('#link').wrap('<div></div>').parent().insertAfter('#last');

    Example: http://www.jsfiddle.net/4yUqL/2/

    Ref.: .wrap()

    • 0