2011-08-17 162 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'); 
}); 

希望帮助:)