Question

我尝试使用jquery：

将类添加到以下HTML代码中

<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>

我的错误在哪里？

Answer 1

最简单的方法是为图片标记添加标识符。这可以是班级或ID：

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

这样您就可以通过定位标识符来添加您的课程：

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

Answer 2

试试这个：

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

Answer 3

问题是您错过了添加就绪功能：

试试这个：

        <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代码放入ready函数中。

Answer 4

您不希望在何时希望执行此操作。显然，您必须等待文档加载，以便在向其添加类之前，页面上将存在img。这可以通过将脚本更改为：

来完成

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

请注意，在我们向其添加类之前，我们正在等待文档准备就绪。

Answer 5

试试这个：


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

希望有所帮助：）

Jquery添加类属性src img

5 个答案: