在克隆的元素变量中选择元素

Question

I have cloned an element using clone() :

var clone = $('#orig').clone();

The clone works fine, but I having some trouble trying to select elements inside it by ID. All nested elements have the same ID as the original ones, and I need to manipulate some before appending them to the page...

I am trying something like this for example:

alert(clone.filter("#Full").attr('id'));

Could you help me on that?

Answer 1

Try this way

var clone = $('#orig').clone();
clone.attr('id','orig1');

check it here http://jsfiddle.net/3tWks/

Answer 2

Firstly, use classes instead of IDs. IDs should always be unique within a document, and may result in unpredictable behaviour if cloned (if you want the cloned elements to have IDs, by all means assign new ones when you clone!)

That said, you want to be using .find instead of .filter to find elements nested within your clone element:

clone.find(".myClassName")
/* or */
clone.find("#Full")

.find – jQuery Docs

Answer 3

The snippet you provided in your question works fine!

Just replace filter with find .

See this fiddle: http://jsfiddle.net/Pkv7S/

However, yes, you should be wary of duplicate IDs.