2011-08-17 339 views
0

,我打算給類添加到下面的HTML代碼使用jQuery:jQuery的添加類屬性的src IMG

<img style="position: absolute; left: 0px; top: 0px; width: 37px; height: 94px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"> 

我試着用這個代碼和一些其他的方式這樣做,但它沒有工作

<script> 
    $('img[src="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"]').addClass("selected"); 
</script> 

我的錯誤在哪裏?

+1

爲什麼不使用一個ID或類?我明白那不是回答這個問題,但它可能更容易。 – Pelshoff 2011-08-17 10:33:15

+0

您還沒有關閉img標籤。 – 2011-08-17 10:36:04

+0

@Liam Spencer:您只需關閉XHTML中的圖像標籤,它就是完全有效的HTML。 – Guffa 2011-08-17 10:37:29

回答

1

最簡單的方法是爲您的圖片標籤添加標識符。這可以是一個類或ID:

$('#mapfile-image').addClass("selected"); 
0

試試這個:

<script> 
    $(function() { 
     $("img[src='http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png']").addClass("selected") 
    }); 
</script> 
0

問題是你錯過

<img id="mapfile-image" src="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"> 

這樣,您可以通過定位標識添加類添加就緒功能:

試試這個:

 <script> 
      $(function(){ // ready function 
       $('img[src="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"]').addClass("selected"); 
      }); 
     </script> 

您的代碼:

<script> 
    $('img[src="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"]').addClass("selected"); 
</script> 

你的代碼的圖像元素加載之前得到執行。因此,請嘗試將jQuery代碼放入就緒函數中。

0

當您想要執行此操作時,您不指定任何位置。很明顯,您必須等待文檔加載,以便在添加類之前,img將存在於頁面上。

<script> 
    $(document).ready(function(){ 
     $('img[src$="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"]').addClass("selected"); 
    }); 
</script> 

請注意,我們正在等待文件準備就緒之前,我們的類添加到它:這可以通過改變你的腳本來完成。

0

試試這個:


$(document).ready(function(){ 
    $('img[src*="http://maps.gstatic.com/intl/it_ALL/mapfiles/smc.png"]').addClass('selected'); 
}); 

希望幫助:)