Make div wrap around content with function wrap in jQuery

The following web example consists of a div with id article. The scripts executed, using the wrap() function, will be the following:

We select the div with id "article" and place it inside the div with id article_external.
Select the div with id "article" and place it inside the div with id article_ and the index of the generated function. This div in turn must be inside the div with id article_external.

<div id="article">Inner Content</div>
<!--Script jQuery-->
<script>
  //We select the div with id "article" and place it inside the div with id article_external
  $("#article").wrap('<div class="article_external">External Content</div>');
  //Select the div with id "article" and place it inside the div with id article_ index of the generated function
  $('#article').wrap(function(ind){
    return '<div id="article_"'+ind+'">Article '+ind+'</div>';
  });

</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>