交換div中兩個字符串的位置

Question

頁面的當前日期格式為

maart 2 2015

為此創建的HTML是：

<span class="entry-time">
    <span class="updated" style="display:none;">2015-03-06T09:24:26+00:00</span>
    <time class="published" datetime="2015-03-02T16:58:01+00:00">maart 2 2015</time>
</span>

我想要做的是旋轉maart和2的位置，以便字符串顯示為“ 2 maart 2015”。

在jQuery中這可能嗎？

Answer 1

據我所知，您只需要使用本機split（）方法進行一些處理：

var str = "maart 2 2015";
var result = str.split(" ");

給出：

maart,2,2015

然后，您只需要按照選擇的順序從該數組重新創建一個新字符串。

Answer 2

那根本不是問題。 例如，以下行將完成這項工作：

var splitted = $(".published").html().split(" ");
$(".published").html(splitted[1] + " " + splitted[0] + " " + splitted[2]);

我們在這里使用的是第一個.html ，為類.published所有元素（確保您沒有不必要的“ published”元素）賦予新的內部html數據。 我們提供一個字符串，它是標記中的新文本。 我們將字符串按空間分割，並得到一個包含三個元素的數組（maart，2015年2月）。 現在我們只需要顛倒順序（1、0、2）就可以了。

Answer 3

我認為這是在WordPress中？ 如果是，請轉到設置->常規，如果不正確，請設置您的時區。 然后在下面，您可以通過選擇一種格式或通過創建一種http://codex.wordpress.org/Formatting_Date_and_Time來更改格式

如果主題發展得很好，就可以隨心所欲

Answer 4

您可以用空格將其分成一個數組，然后像這樣切換單詞的位置：

var array = $(".published").text().split(" ");
$(".published").text(array[1]+" "+array[0]+" "+array[2])

或者，您可以只更改文本：

$(".published").text("2 maart 2015")

Answer 5

這是我最終使用的腳本：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$( document ).ready(function() {
    $(".published").html(
        $(".published").html().split(" ")[1] + " " + 
        $(".published").html().split(" ")[0] + " " +
        $(".published").html( ).split(" ")[2]
    );
});
</script>

非常感謝你的幫助！

Answer 6

這里是一個小提琴： http : //jsfiddle.net/qr1zzp3b/

var months = new Array("January", "February", "March", 
    "April", "May", "June", "July", "August", "September", 
    "October", "November", "December");

    var d = new Date();
    var date = d.getDate();
    var month = d.getMonth();
    var year = d.getFullYear();
    console.log(date + " " + months[month] 
    + " " + year);