使用jQuery按类别和ID获取图像元素

Question

我有一个代码，该代码以某种排列显示图像以反射晶圆。 用户单击图像时，将在其周围放置一个红色边框。 然后，此图像ID将保存在Cookie数组中，并且在重新加载页面时，这些特定的图像需要保留其边框。

我的问题是我无法使用id访问html元素。

例如：

$("#10.3_6").css('border', "solid 2px red");

不起作用。 这就是我的边界：

$("tr.smallthumbs a img").click(function() {
        var found = 0;
        for(var j in array){
            if(this.id == array[j]){
                found = j+1;
                break;
            };
        };

        if(found == 0){ 
            $(this).css('border', "solid 2px blue");    
            array.push(this.id); 
            console.log(this)
        }
        else {
            $(this).css('border', "solid 2px white");
            array.splice(found-1,1)

        };
        $.cookie('activePixels',array);
});

这会在所有图像周围放置红色边框。

$("tr.smallthumbs a img").css('border', "solid 2px red");

如何仅通过其ID访问一个？

谢谢！

Answer 1

选择器

$("#10.3_6")

表示id="10"和class="3_6"的元素。 如果要访问id="10.3_6"的元素，则需要对进行转义. ：

$("#10\\.3_6")

自以来，最好对ID使用不同的命名方案. 在选择器中具有特殊含义。

Answer 2

您需要逃脱. 。 . 表示类选择器，因此您使用的选择器将查找ID为10且3_6的元素

$("#10\\.3_6").css('border', "solid 2px red");

请参阅如何通过具有CSS表示法中使用的字符的ID选择元素？