jquery - 按类检查文档是否匹配元素

Question

我在点击事件上使用 jq .load() 将内容从网站上的另一个页面加载到我的页面中。

这工作正常，但我想在内容加载到页面之前检查文档中首先加载的元素的类，以防加载已经完成。

这是因为页面上会存在多个可以调用该内容的点击事件。

我有一些启动点击功能的元素，我已经给了与要加载的元素的类相匹配的“title”属性。

例如，如果我加载到页面中的元素具有类'loadedContent'

我为每个调用此内容的点击元素指定标题“已加载内容”

然后，我从 click 元素获取此标题，搜索文档以查看是否有任何元素具有与该标题匹配的类。

如果页面上已经加载了一个元素，并且其类与标题匹配，那么我将不会执行加载代码。如果不存在，则将执行 .load() 函数。

目前，我正在从 click 元素获取“title”属性，但无法成功在文档中搜索匹配的类。

我认为代码应该很简单，目前有(在点击事件之后):

var getLabel = $(this).parent().attr( "title" );
if ($(document).hasClass( getLabel )) {
    // do a function
}
else {
    // perform load of content
}

我的加载函数正在附加到正文，因此它可能会使用正文而不是文档，但两者都不起作用。

不太确定我应该从这里去哪里，因为它应该有效。

Answer 1

您需要使用.find()和.length而不是.hasClass()

if($(document).find('.' + myclass).length < 1) {
    alert('Class Not found');
} else {
    alert('Class Found');
}

DEMO

如果你在 getLabel 中得到一个类，你可以使用

var getLabel = $(this).parent().attr( "title" );
if($(document).find('.'+ getLabel).length < 1) {
    alert('Class Not found');
} else {
    alert('Class Found');
}

不要忘记在 .find(' . ' + getLabel) 中的类前添加点