jquery克隆每個不按預期工作

Question

我想要做的是將ddl轉換爲無序列表並刪除第一個子元素。這是偉大的工作，當我只有1 DDL轉換..

這是我的代碼：

var rep = jQuery(".input-box select") 
     .clone() 
     .find("option:first") 
     .remove().end() 
     .wrap("<div></div>") 
     .parent().html() 
     .replace(/select/g,"ul") 
     .replace(/option/g,"li"); 

jQuery(".price-info").append(rep); 

當我有多個DDL \ s到克隆，沒什麼work..i已經修改了上面這一個：

var rep = jQuery(".input-box select"); 

rep.each(function(){ 
     jQuery(this) 
     .clone() 
     .find("option:first") 
     .remove().end() 
     .wrap("<div></div>") 
     .parent().html() 
     .replace(/select/g,"ul") 
     .replace(/option/g,"li"); 
}); 

jQuery(".price-info").append(rep); 

我不知道是否有與每一個問題，還是其他什麼東西..

請幫助..

Answer 1

當你克隆並替換原來的jQuery對象代表沒有改變

var rep = jQuery(".input-box select"); 
rep.each(function() { 
    var html = jQuery(this) 
     .clone() 
     .find("option:first") 
     .remove().end() 
     .wrap("<div></div>") 
     .parent().html() 
     .replace(/select/g, "ul") 
     .replace(/option/g, "li"); 
    jQuery(".price-info").append(html); 
});