按类别检查文档以查找匹配的元素

debugcn 发表于 Dev

理查德·哈里斯（Richard Harris）

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

这样做工作正常，但是如果已经完成加载，那么我想在文档中检查首先加载的元素的类，然后再将内容加载到页面中。

这是因为页面上将有多个单击事件可以调用内容。

我有一些元素会启动click函数，而我赋予了“ title”属性，该属性与要加载的元素的类匹配。

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

我给每个称呼此内容的点击元素作为标题 'loaded content'

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

如果页面上已经加载了一个与标题匹配的类的元素，那么我将不执行加载代码。如果没有，.load()函数将执行。

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

我认为该代码应该很简单，并且目前具有（在click事件之后）：

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

我的加载函数将附加到主体，因此它可能使用主体代替文档，但其中任何一个都不起作用。

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

穆罕默德·优素福

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

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

演示

如果您在getLabel中获得了一个类，则可以使用

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

别忘了在班级前加点 .find(' . ' + getLabel)

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。