2015-07-11 48 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使得圖像不顯示任何類別。

不管怎樣,感謝我的編碼語法更好。