javascript - 搜索部分类名，返回完整类名

Question

想象一下:

页面 A 在 body 中包含此内容:

<div class="overlay-homepage"><span></span></div>

页面 B 包含:

<div class="overlay-results"><span></span></div>

我可以使用这个脚本来识别它们是否包含覆盖类:

function() {
    var htmlString = $('body').html().toString();
    var index = htmlString.indexOf("div class=\"overlay-");
    if (index != -1)
        return("It works");
}

对于返回值，而不是“It works”，我如何让它引入类名的其余部分，例如“覆盖结果”或者如果需要是整个 div内容例如“<div class="overlay-results"><span></span></div> “？

还有许多其他类似的页面具有不同的“overlay-”类名称，因此我不想对每个页面都进行一次搜索，因此采用了“一刀切”的方法。

Answer 1

您可以使用 this jQuery 选择器，例如

这将为您提供在其类名某处具有 overlay 的元素。

$('div[class*=overlay]')

这将为您提供类名以 overlay 开头的元素。

$('td[class^=overlay]')

这将为您提供类名以 overlay 结尾的元素。

$('td[class$=overlay]')

编辑:

要在您的代码中使用它，您可以执行以下操作:

function() {
  var attr = $('div[class*=overlay]').attr('class');
  return(attr);
});

这个函数 找到类名中带有 overlay 的元素 a 返回完整的类名。