jquery - 如何在另一个页面中按类名选择元素？

Question

我有一个名为 site.com 的站点，我想检查它classname是否存在于我的其他页面http://site.com/subfolder上，如果是，则执行代码。

$(document).ready(function() { 
    if ($('http://site.com/subfolder classname').length > 0) {
        $('.headline').after('<div>text</div>');
    }
});

任何帮助是极大的赞赏。

Answer 1

如果您拥有该网站，我认为您不应该这样做。

但是，如果你仍然坚持，你可以使用这些方面的东西：

$("<div/>").load("http://site.com/subfolder .classname", function(){
  if(this.children.length){
    $('.headline').after('<div>text</div>');
  }
});

我正在滥用.load()页面片段加载。

Answer 2

文档加载完成后，使用 jQuery 发出第二页请求，然后检查结果中的类名。以下代码段将检查类名是否出现在页面标记中的任何位置。

$(document).ready(function(){
    $.get('subfolder', function(data) {
        if (data.indexOf('classname') != -1){
            $('.headline').after('<div>text</div>');
        }
    });
 )};

注意 indexOf 区分大小写。如果类名出现在子文件夹中页面标记的任何位置，则此特定代码段将找到匹配项。