jquery - jQuery ajaxは特定の要素のテキストのみをロードします

Question

$.load()他のページ ( ) からデータを取得しようとしていますfoo.html。current<title>Current</title>を foo のタイトルと同じにしたいとし<title>Foo</title>ます。私がやっていることは次のとおりです。 $("title").load("foo.html title");

<title>問題は、タグ 付きの foo のタイトルを取得することです:<title><title>Foo</title></title> 明らかに機能しません。foo のタイトルのテキストだけを取得するにはどうすればよいですか?

Answer 1

これはハックのように感じますが、機能します。

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

これはハックですが、使用できる小さなプラグインを作成しました。

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

次のように使用します。

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

にロードする場合はtitle、別のタグのテキスト...

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

Answer 2

$.get(url, data, success)jqueryで提案されているように、代わりにグローバルを使用します。これは機能します（テスト済み）：

$.get('foo.html', function(responseText, textStatus, XMLHttpRequest) {
    $('title').text($(XMLHttpRequest.responseXML).find('title').text());  
});

Answer 3

これを試して...

$("title").load("foo.html").find("title").text()