javascript - 如何使用 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

当然可以，只需在前面添加 span，它就会在 DOM 中移动

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

或者反过来

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

如果你有不止一个，你可能想要做

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

你只需在每个 .title 等中添加一个 .top-title 等