Как переместить место элемента в текст с помощью jquery или javascript?

Question

Привет всем Я просто интересно, если мы можем изменить или отменить место элемента в тексте с Javascript или JQuery, например, мы имеем:

<h2 class='title'>Travel <span class='top-title'>Latest From</span></h2> 

Мы хотим сделать это так:

<h2 class='title'><span class='top-title'>Latest From</span> Travel</h2> 

Answer 1

Конечно, вы можете, просто предварять срок, и он переехал в DOM

$('.title').prepend($('.top-title')); 

или наоборот

$('.top-title').prependTo('.title'); 

Если у вас есть более чем один из них, вы, вероятно, хотите сделать

$('.title').prepend(function() { 
    return $('.top-title', this); 
}); 

Где вы только предварять один .top-title внутри каждого .title и т.д.

Answer 2

В JavaScript вы можете поменять в ChildNodes:

window.onload = function() { 
 
    var elements = document.getElementsByClassName('title')[0].childNodes; 
 
    elements[1].parentNode.insertBefore(elements[1], elements[0]); 
 
}

<h2 class='title'>Travel <span class='top-title'>Latest From</span></h2>