仅当包含指定类的图像存在时才加载页面

Question

例如，我只想在该页面中存在指定了I类图像的情况下加载www.haha.com。如果它不存在，请加载其他内容。是否可以这样做？< / p>

Answer 1

元素可能分配了多个类。在HTML中，这通过用空格分隔类名来表示：

<div id="mydiv" class="foo bar"></div>

如果将类分配给元素，.hasClass()方法将返回true，即使其他类也是如此。例如，给定上面的HTML，以下内容将返回true：

$( "#mydiv" ).hasClass( "foo" )

一如既往：

$( "#mydiv" ).hasClass( "bar" )

虽然这会返回false：

$( "#mydiv" ).hasClass( "quux" )

有关详细文档，请访问https://api.jquery.com/hasclass/

回答你的问题：

if ($( "#mydiv" ).hasClass( "foo" )) {
    // load some web page
} else {
    // load other web page
}

<强>更新

加载网页，直到找到CSS class为止。

do {
    // load some web page
    // implement logic to choose which page to load
} while (! $( "#mydiv" ).hasClass( "foo" ));