2015-01-27 99 views
0

我有一個DIV元素與圖像,一些文本,一個網址鏈接到圖像和鏈接圖像jQuery的克隆和重命名的子元素

  • 的狀態此狀態在明年的圖標表示到圖像
  • 我用。對(「點擊」 ......,事件觸發phpscript,更新在後臺運行此地位和回報新的狀態

此狀態鏈接有一個使用一個類csshook,意思是圖像ID是t的一部分他的班名(statusrec41)。

使用jQuery我克隆了DIV。

$clone = $('#divrec41').clone(true).attr('id', '#divrec42'); 

我再與新的記錄ID

$clone.find('[href]').each(function(){this.href=this.href.replace(/rec41/g, 'rec42')}) 

然後顯示在月底更新URL

$clone.appendTo('#imageArea'); 

我丟失的部分是如何更新的類名在之前反映新的ID 我追加克隆的元素 如果我可以將所有「rec41」替換爲「rec42」,但是不會替換

+1

你不需要在你.attr「divrec42」()調用之前「#」,否則它將被混淆下次時間嘗試查詢該元素(例如'$('## divrec42')') – Edward 2015-01-27 00:29:42

回答

0

你能做到這一點嗎?

$(document).find('.rec41').each(function(){ 
    $(this).removeClass("rec41"); 
    $(this).addClass("rec42"); 
}) 
+0

這工作,但後AFTER $ clone.appendTo('#imageArea'); – Cheetah 2015-01-27 00:49:56

+0

是的,因爲我相信你的克隆是不可見的,除非你把它添加到DOM,這是appendTo可以做的。這是個問題嗎? – pyb 2015-01-27 00:57:47

+0

正確, 我希望能在append之前做到這一點。我的實際班級比「rec41」複雜一點,我希望有一種方法可以不必重建班級名稱。我會最終使用addClass/removeClass 一直在閱讀關於html5數據-js鉤子很多,但我不知道我喜歡那個選項 – Cheetah 2015-01-27 01:02:17

1

你可以做一個行:

$clone.attr('class', your_classes).appendTo('#imageArea'); 
+0

它沒有辦法不這樣做,除非你做錯了 – Edward 2015-01-27 05:02:12