Variable as jQuery selector focus

Question

I'm using JavaScript to copy a specific div from a page into a new page. I need to remove the ID attributes for each table in the new page.

It seems that since I'm copying content from the first page, I can filter out the IDs from the string before it is written to the second page. Can jQuery take a variable as its 'focus'? Instead of manipulating the entire DOM, manipulate a particular string?

I have a non-working version of what I'm talking about:

var currentContent =  window.open('','currentContentWindow');
var htmlToCopy = '<html><head><title></title></head><body>' + window.frames[0].document.getElementById('PageContentPane').innerHTML + '</body></html>';

        $("table", htmlToCopy).removeAttr('id');

        currentContent.document.open();
        currentContent.document.write(htmlToCopy);
        currentContent.document.close();

score 2 · Accepted Answer · answered Dec 17 '10 at 17:50

You need to create a jQuery object by calling $(html), manipulate it, then get the HTML back by calling html().

For example:

var currentContent =  window.open('','currentContentWindow');
var htmlToCopy = '<html><head><title></title></head><body>' + window.frames[0].document.getElementById('PageContentPane').innerHTML + '</body></html>';

var newStructure = $("<div>" + htmlToCopy + "</div>");
newStructure.find("table").removeAttr('id');

currentContent.document.open();
currentContent.document.write(newElements.html());

The <div> element allows me to get its inner HTML and get the HTML you're looking for.

score 1 · Answer 2 · answered Dec 17 '10 at 17:53

1

Who not just remove ID= as a string and forget DOM manipulation all together?

answered Dec 17 '10 at 17:53

Diodeus - James MacFarlane

110,221
32
151
174

1

_Please, **no**._ http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454 – SLaks Dec 17 '10 at 17:53
Who says you even need to use REGEX for this. Just swap "ID=" with some meaningless attribute tag like "XX=". – Diodeus - James MacFarlane Dec 17 '10 at 19:40

Flo Edelmann · Answer 3 · 2010-12-17T17:57:46.583

0

First make the string a jQuery object, then work with it:

htmlToCopy = $(htmlToCopy).find("table").removeAttr('id').end().html();

edited Dec 17 '10 at 17:57

answered Dec 17 '10 at 17:51

Flo Edelmann

2,523
1
18
33

Variable as jQuery selector focus

3 Answers3