jQuery ajax 仅加载某个元素的文本

Question

我正在尝试 $.load()来自其他页面的一些数据( foo.html )。假设我想要当前的<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());
});

尽管这是一个 hack，我还是制作了一个你可以使用的小插件。

$.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');