鍍金池/ 問答/HTML/ append的執(zhí)行位置不能調(diào)整,改變輸出結(jié)果

append的執(zhí)行位置不能調(diào)整,改變輸出結(jié)果

題目描述

下列代碼中,在不改變 $("body").append("bbb");的執(zhí)行位置,使得輸出結(jié)果由原來的'bbbaaa'變?yōu)?'aaabbb'.

題目來源及自己的思路

題目來源于:西洋匯
自己的解題思路:

相關(guān)代碼

// 執(zhí)行后顯示為bbbaaa。 要求改變這段代碼的寫法(功能不變),使顯示結(jié)果變?yōu)閍aabbb。但$("body").append("bbb");的執(zhí)行位置不能調(diào)整,必須放在主函數(shù)的最末一句。
$(function () {

$.get( "test.php", function( data ) {
    $( "body" ).append( "aaa" );
});
$("body").append("bbb");

});

你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?

回答
編輯回答
青裙

方法1:

$.fn.append = $.fn.prepend;
$.get( "test.php", function( data ) {
    $( "body" ).append( "aaa" );
});
$("body").append("bbb");

方法2:

$.ajax({
  url: "test.php",
  async: false,
  success: function( data ) {
    $( "body" ).append( "aaa" );
});
$("body").append("bbb");

方法3:

$.get( "test.php", function( data ) {
    const content = $("body").contents();
    $( "body" ).append( "aaa" ).append(content);
});
$("body").append("bbb");

方法N...

2018年7月28日 04:45