javascript - 选择和更改对象类时 jQuery 不起作用

标签 javascript jquery

我已经尝试了很多代码来选择我的#slider及其子图像并更改它们的类,我最后一次尝试是这个:

INDEX.php

   <center>
            <div id="slider">

                <image class="slider" id="shown" src="img/img1.jpg"/>
                <image class="slider" id="notShown" src="img/img3.jpg"/>
                <image class="slider" id="notShown" src="img/img2.jpg"/>

            </div>
   </center>

            <script type="text/javascript" src="js/slider.js"></script>

SLIDER.js

$(function(){

            console.log("HEY");
            $('#slider image').each(function(){
                   $(this).removeAttr('class');
                   });
            });

最佳答案

要使用的标签是 img而不是image .

其他一些事情:

  1. <center>标签已弃用。

  2. <img>应该始终有alt属性。

  3. ID 和类尽量不要使用相同的名称,例如你有一个#slider和三个.slider元素。这很容易出错。

  4. 您不应该有重复的 ID,例如您有两个 ID 为 notShown 的元素

关于javascript - 选择和更改对象类时 jQuery 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31360011/

相关文章:

javascript - 使用 JS 重定向但触发事件柜面选项卡关闭?

javascript - 选择不是链接的列表项

javascript - 在 Bottle(框架 jQuery)中导入 Javascript 文件

javascript - 更改 Bootstrap 弹出窗口中的数据内容

javascript - JavaScript 代码中的函数或事件问题

javascript - 为什么服务器回调会被多次触发

javascript - Jasmine 类型错误不是函数

javascript - Webpack 2.3.3 - 类型错误 : $export is not a function

javascript - 如何在页面加载之前运行 JavaScript 代码?

javascript - 无法停止隐藏 DIV 中的 YouTube 视频在后台播放