Question

I’m trying to $.load() some data from other page (foo.html). Say I want my current <title>Current</title> to be the same as foo’s title, <title>Foo</title>.
What I’m doing is:
$("title").load("foo.html title");

The problem is I get foo’s title with the <title> tag:
<title><title>Foo</title></title>
and it obviously doesn’t work.
How can I get only the text of foo’s title?

Answer 1

This feels like a hack but it works.

$("<div>").load("foo.html title", function(){
  $('title').text($(this).text());
});

Even though this is a hack, I made a tiny plugin you can use.

$.fn.loadText = function(path, selector){
  var node = this[0].nodeName.toLowerCase();
  $("<div>").load(path + " " + selector, function(){
    $(node).text($(this).text());
  });
}

Use it like this:

$('title').loadText("some path", 'title');

If you wanted to load into the title, the text of another tag…

$('title').loadText("some path", 'div#foo');