2014-03-04 59 views
0

所以,它的那種簡單...但我想不出如何去做。克隆Div復位後,HTML AJAX

我有一個頁面多個div:

<div id="playerid-1"><a href="javascript:loadplayer(1);">[LOAD PLAYER]</a></div> 
<div id="playerid-2"><a href="javascript:loadplayer(2);">[LOAD PLAYER]</a></div> 
<div id="playerid-3"><a href="javascript:loadplayer(3);">[LOAD PLAYER]</a></div> 
... 
<div id="playerid-n"><a href="javascript:loadplayer(n);">[LOAD PLAYER]</a></div> //Every folder are different 

在此的div我Ajax更新HTML加載此玩家:

function loadplayer(playerid) { 
$.ajax ({ 
    url: "/player.php?playerid=" + playerid + "&playerurl=" + $("#playerid-" + playerid).attr("data-src"), 
    cache: false, 
    success: function(html) {   
     $("#playerid-" + playerid).fadeOut("slow",function() { 
      $("#playerid-" + playerid).html(html); 
      $("#playerid-" + playerid).fadeIn("slow"); 
     }); 
    } 
}); 
} 

要在這裏它的工作,但... 我希望當我加載另一個玩家ID將[LOAD PLAYER]鏈接帶回到已經加載了玩家的正確div時

我試用.clone()的選擇,但我不知道有多少divs有 在我心中是這樣的事情:

  1. 克隆每分度preg_match(id="playerid-)
  2. javascript:load player(x); - >將會取代所有的div克隆的div和負載玩家進入X DIV
  3. javascript:load player(y); - >現在將取代克隆div的所有div(在此步驟中,將X返回播放器爲默認[LOAD PLAYER]鏈接),比玩家裝入在y格...

這裏的問題是,我不知道如何prey_match和foreach所有div與IDS的JavaScript變量,如果你想用它在loadplayer()功能

+0

男人你編輯我的帖子在一些地方錯了... – Nicox

回答

0

在所有的div球員做一個foreach爲什麼不使用方法:

jQuery("*[id^=playerid-]").each(); 

jsfiddle

要知道的div上傳你可以將數據屬性添加到他們,看看他們是否與 的球員,或者只是檢查各回路的HTML。

+0

我認爲這將無法正常工作,因爲我沒有[LOAD PLAYER]的鏈接 – Nicox

+0

只是想了解更多,如果我點擊一個[ LOAD PLAYER]它會在href上調用帶有id的函數,然後它會執行ajax請求來加載播放器的html,在此之後期望的行爲是什麼。 –

+0

是的,這是正確的。 – Nicox