Jquery selector data retrival in variable, in another different page.

Question

How can we use Jquery to read certain page content in a variable on a different page? If for example we want to read div.tag1 from a page into another page but in a variable( ie i dont want to load it into the page but manipulate it so store it in variable)

Eg: file1.html have(say)

<div class="tag1"> Hello world </div>
<div class="tag2"> Hello Boys </div>
<div class="tag3"> Hello Girls </div>

Now I want page2 to have Jquery script that will store the content of div.tag1 in a variable.

This is what I need in file2.html : // without loading it to any page ie without using load.

<script type="text/javascript">
var filename = "file1.html";
var myData = // Code to retrieve div.tag1 from file1.html( ie filename)
document.write(myData); // for the time being.. later it will go in Database.

Any help will be appreciated.

Answer 1

The simplest solution is to use load on a newly created element (a hidden element will also work):

var content = $("<div />").load("/page.html div.tag1",
   function(){ // callback
       alert(content.text());
   });