使用jQuery从HTML中删除CSS类

时间:2013-09-23 22:50:19

标签: jquery html css

美好的一天,

我有以下呈现的图像标记:

<img id="map1" title="Positions" alt="Positions" height="348" width="556" src="http://weblogs.asp.net/blogs/scottgu/image_thumb_1263F129.png" class="ui-li-thumb">

我正在尝试删除课程:ui-li-thumb。

这就是我在页面底部的内容:

<script>
    $("img#map1").removeClass("ul-li-thumb");
    $("img#map1").removeAttr("class");
</script>

他们都没有工作。谁能告诉我我错过了什么?

TIA,

COSON

3 个答案:

答案 0 :(得分:8)

您的HTML课程为ui-li-thumb 你的jQuery类是ul-li-thumb;

否则,请确保加载jQuery并尝试将脚本包装在自触发函数中

答案 1 :(得分:0)

我认为你应该使用get.ElementByClass属性

答案 2 :(得分:0)

确保在代码中包含jQuery。另外,检查浏览器控制台中的任何错误!

要做的另一件事是确保jQuery代码在文档加载后运行,如:

$(function(){
    $("img#map1").toggleClass("ui-li-thumb", false);
});

修改

根据Jesse的答案更新了我的答案......是的,同时确保您的班级名称相同!