2015-07-11 67 views
0

从来就尝试了很多的代码来选择我的#slider和其子,其是图像而改变自己的阶级jQuery的不工作,我的最后一次尝试是这样的一个:而选择和改变的对象类

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'); 
        }); 
      }); 
+0

你确定'$(this)'是指当前的'image'吗? –

+0

你还没有包含jQuery.js – nikhil

+0

另外, – nikhil

回答

1

标签使用的是img而不是image

一些其他的事情:

  1. <center>标签已经过时了。

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

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

  4. 您不应该有重复的ID,例如你有ID notShown

0

两个元素谢谢大家的提示,但我发现真正的问题:

我需要删除ID而不是类,使所有图像可见,因为我“notShown”ID使得图像不显示任何类别。

不管怎样,感谢我的编码语法更好。