如何在准备好的文档上调用jQuery函数？

Question

在装入HTML并准备好文档后，尝试执行某些操作。但是，代码似乎无效。

HTML：

<div class="dataprocess"></div>

JS：

$(document).ready(function(){
   if( $('div').hasClass('dataprocess') ) {
     console.log('working');
   }
});

无法在控制台上获得working。我在做什么错了？

Answer 1

您的代码段中缺少$(document).ready()函数的右括号。

$(document).ready(function(){
    if($('div').hasClass('dataprocess')){
        console.log('working');
    }
});

这是代码中唯一可见的问题。

您可能已经忘记的其他一些事情：

• 包含JavaScript文件
• 包括jQuery依赖项

Answer 2

我认为最好的选择是使用id来调用元素：

<div id="data_id" class="dataprocess"></div>

然后是JS

$(document).ready(function(){
if($( "#data_id" ).hasClass( "dataprocess" )){
        console.log("working");
    }
});