JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <label id="label1">label1</label>
    <div>
    <span id="span1">span1</span>
    <span id="span2">span2</span>
    <span id="span3">span3</span>
    </div>  
  <input type="button" id="btn1" value="after"/>  
</body>

JavaScript

$("#btn1").click(function () {
  
   //$("div").after('<div>通过append方法添加的元素</div>');
   //$('<span>通过append方法添加的元素</span>').insertBefore($('div'));
  //$("div").before('<span>通过append方法添加的元素</span>');
  
  
  //$('h1').insertAfter('p');
  //$('h1').insertAfter('p');
  
  
    //$('.span1').after( $('p'), $('a'));
    //$('.span1').after( $('p'));
     //$('p').insertAfter('.span1');
    // $('#span2').insertAfter($('#label1'));
     $('#label1').after( $('#span2'));
  /*
  $("p").after(function(n){
      return "<p>The p element below has index " + n + "</p>";
    });
 */
 
  });