양식 복제 고유 ID

Question

양식을 복제하고 해당 양식을 수정하지 않고 원래 양식에 적용하려고합니다. 양식의 각 인스턴스에 고유 한 ID를 부여하여 요소가 중복되지 않도록하는 방법은 무엇입니까?

$(document).ready(function() { 
    // shows/hides results based on selection 
    $(".categories-select").live("change", function() { 
        if ($(this).val() == 'dinner') { 
            $('.dinner').removeClass('hide'); 
            // toggles dinner results, sub menus 
            $(this).parent('.controls').find('.restaurant-submenu-select').removeClass('hide'); 
        } 
    });  

    // Duplicates category select menu  
    $(".add-activity").click(function() { 
        $(".activity-category") 
         .clone() 
         .removeClass('activity-category') 
         .appendTo("#we-want-to") 
         .find('.restaurant-submenu-select') 
         .addClass('hide'); 
    });  

    $(".add-activity-alternate").click(function() { 
        $(".activity-category-alternate") 
         .clone() 
         .removeClass('activity-category-alternate') 
         .appendTo("#we-want-to") 
         .find('.restaurant-submenu-select, .results-table') 
         .addClass('hide'); 
    }); 
}); 

당신을 감사합니다!

Answer 1

당신은 또한 동적 ID 같은 코드 뭔가에

var id = 0; 

(function() { 
    yourClone.attr('id', 'something-' + id); 
    id++ 
}); 

---

추가 복제시 :

$(document).ready(function() { 

    var id = 0; 

    // shows/hides results based on selection 
    $(".categories-select").live("change", function() { 
     if ($(this).val() == 'dinner') { 
      $('.dinner').removeClass('hide'); 
      // toggles dinner results, sub menus 
      $(this).parent('.controls').find('.restaurant-submenu-select').removeClass('hide'); 
     } 
    });  

    // Duplicates category select menu 
    $(".add-activity").click(function() { 
     $(".activity-category") 
         .clone() 
         .removeClass('activity-category') 
         .appendTo("#we-want-to") 
         .find('.restaurant-submenu-select') 
         .addClass('hide') 
         .attr('id', 'something' + id); 
     id++ 
    });  

    $(".add-activity-alternate").click(function() { 
     $(".activity-category-alternate") 
         .clone() 
         .removeClass('activity-category-alternate') 
         .appendTo("#we-want-to") 
         .find('.restaurant-submenu-select, .results-table') 
         .addClass('hide') 
         .attr('id', 'something' + id); 
     id++ 
    }); 
});