Question

嘿，我在这里有这个代码，它假设要添加类名“cboxElement”

$(".wpcart_gallery a:first").addClass("cboxElement");

但它不起作用。

我的标题中有正确的Jquery文件，我已将其包含在jQuery('document').ready(function($){......});中，并且它适用于我的所有其他Jquery但是添加类调用。

这是我想要将课程添加到...

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">
<a class="thickbox" href="DSC_0037.jpg" rev="DSC_0037.jpg"></a>
</div>

有人知道为什么这不起作用吗？我是jquery的新手

这也是wordpress中的jQuery('document')

Answer 1

代码：

$(document).ready(function() {
    $(".wpcart_gallery a:first").addClass("cboxElement");
}

Answer 2

正如Zoltran在jsFiddle上所说并所示，您列出的代码至少在某些情况下起作用。当.ready（）执行时，您添加类的div元素是否可能尚不存在？我建议添加这一行：

console.log("container:", $(".wpcart_gallery"), "link:", $(".wpcart_gallery a:first"));

在.addClass（）代码之后，然后查看调试控制台（例如Chrome's web inspector）。你看到你的元素还是未定义的？如果您看到未定义的，则很可能您的.addClass（）代码在其作用的元素准备好之前运行。如果您确实获得了元素，那么您的样式（或代码的其他部分）可能会覆盖/撤消您的更改。

Answer 3

我假设您的选择器返回多个或null。你的html中可能还有其他元素与相同的选择器。正如佐尔坦所说，它应该有效。尝试打印到consol.log（$（“。wpcart_gallery a：first”））;在firefox或chrome中并使用firebug进行调试，这可能会给你一些指示问题的地方。

Answer 4

试试这个伴侣.....

jQuery('document').ready(function($){

  jQuery(".wpcart_gallery a:first").addClass('cboxElement');

});

jQuery添加类不起作用

4 个答案: