Element innerhalb eines Elements über anderen Elementen anfügen

Question

Ist es möglich, ein Element direkt innerhalb des span-Elements, das sich über dem übergeordneten Bereich befindet, an einen anderen Inhalt anzuhängen?

html

<span id="parent"> 
    <!-- I want the oldest placed here when something is click --> 
    <span id="child1">sample1</span> 
    <span id="child2">sample2</span> 
    <span id="child3">sample3</span> 
<span> 

<button id="write_IT">Put the older!</button> 
<!-- 
    //from php database 

    <span id="oldest"> 
     Test 
    </span> 
--> 

jquery

$(document).ready(function() { 
    $(document).on('click', '#write_IT', function(e) { 

    var apb = $("#parent").after("<span id='parent'>"); 
    apb.append('<span id="oldest">Test</span>'); 
    }); 

}); 

Answer 1

Verwenden prepend

$('#write_IT').on("click", function(){ 
 
    $("#parent").prepend('<span id="oldest">Test</span>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="parent"> 
 
    <!-- I want the oldest placed here when something is click --> 
 
    <span id="child1">sample1</span> 
 
    <span id="child2">sample2</span> 
 
    <span id="child3">sample3</span> 
 
<span> 
 

 
<button id="write_IT">Put the older!</button>

Answer 2

$(document).ready(function() { 
 
    $(document).on('click', '#write_IT', function(e) { 
 

 
    $("#child1").before('<span id="oldest">Test</span>'); 
 

 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="parent"> 
 
    <!-- I want the oldest placed here when something is click --> 
 
    <span id="child1">sample1</span> 
 
<span id="child2">sample2</span> 
 
<span id="child3">sample3</span> 
 
<span> 
 

 
<button id="write_IT">Put the older!</button> 
 
<!-- 
 
    //from php database 
 

 
    <span id="oldest"> 
 
     Test 
 
    </span> 
 
-->

Verwenden .before()

Beschreibung: Inhalt einfügen, die durch den Parameter angegeben wird, vor dem jedes Element in dem Satz von abgestimmten Elementen.