Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery或javascript将元素的位置反转为文本?_Javascript_Jquery_Html_Dom - Fatal编程技术网

如何使用jquery或javascript将元素的位置反转为文本?

如何使用jquery或javascript将元素的位置反转为文本?,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,大家好,我只是想知道我们是否可以使用javascript或jquery将元素的位置更改或反转为文本,例如: <h2 class='title'>Travel <span class='top-title'>Latest From</span></h2> 最近从 我们希望这样做: <h2 class='title'><span class='top-title'>Latest From</span> Trave

大家好,我只是想知道我们是否可以使用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>
Travel的最新版本

当然可以,只需在span前面加上前缀,它就会在DOM中移动

$('.title').prepend($('.top-title'));
或者反过来

$('.top-title').prependTo('.title');
如果你有不止一个,你可能会想这样做

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

只需在每个
.title
等中预先添加一个
.top title

在javascript中,您可以交换子节点:

window.onload=function(){
var elements=document.getElementsByClassName('title')[0].childNodes;
元素[1].parentNode.insertBefore(元素[1],元素[0]);
}
最新旅行日期