Jquery 向图像添加ID

Jquery 向图像添加ID,jquery,html,css,image,Jquery,Html,Css,Image,我尝试在这个网站上搜索其他问题,但我还没有找到一个与我遇到相同问题的问题: 我试图在每次单击图像时向图像添加ID,以便对图像应用某种样式。这是我用来尝试和实现这一点的代码: <div class="imgThumbnail"> <img src="" /> <img src="" /> </div> <script type="text/javascript">

我尝试在这个网站上搜索其他问题,但我还没有找到一个与我遇到相同问题的问题:

我试图在每次单击图像时向图像添加ID,以便对图像应用某种样式。这是我用来尝试和实现这一点的代码:

    <div class="imgThumbnail">

        <img src="" />
        <img src="" />

    </div>

    <script type="text/javascript">

        $(document).ready(function(){

            //hover over thumbnail effect
           $('.imgThumbnail img').hover(
               function() {
                $(this).css({"height":"18vh","width":"18vh"})},

               function() {
                $(this).css({"height":"17vh","width":"17vh"});    
           }); 

            //selected effect
           $('.imgThumbnail img').click(function(){
              (this).attr("id","selected");
           });

        });

$(文档).ready(函数(){
//悬停在缩略图效果上
$('.img缩略图img')。悬停(
函数(){
$(this.css({“height”:“18vh”,“width”:“18vh”}),
函数(){
$(this.css({“height”:“17vh”,“width”:“17vh”});
}); 
//选择效应
$('.img缩略图img')。单击(函数(){
(本)属性(“id”、“选定”);
});
});
尽管我做了所有的故障排除工作,但我还没有在代码中找到问题。我已经将click函数中的.attr()改为.clear(),以测试我是否瞄准了正确的图像,以及单击是否被注册。正如预期的那样,这清除了我单击的图像。然后我将$(this).attr(“id”,“selected”)放在我的悬停函数中,它根据我的“selected”id添加了样式

那么,当我使用单击功能时,为什么id不能正确地添加到图像中呢


我不熟悉jQuery。我对浏览这个网站还是新手,所以如果你能在其他地方找到答案,我将非常感激。谢谢

您的代码已完成99%。你只是在期末考试前忘记了美元

您的javascript应该是这样的:

    $(document).ready(function(){

        //hover over thumbnail effect
       $('.imgThumbnail img').hover(
           function() {
            $(this).css({"height":"18vh","width":"18vh"})},

           function() {
            $(this).css({"height":"17vh","width":"17vh"});    
       }); 

        //selected effect
       $('.imgThumbnail img').click(function(){
          $(this).attr("id","selected");
       });

    });

要切换类,请单击生成.click()函数,然后使用toggleClass 这将在每次单击所选类时切换该类。使用类而不是id来处理这类事情

$('.imgThumbnail img').click(function(){
    $(this).toggleClass('yourClass');
});

这里有一个

我不能真正理解你的问题。但是你只是想在你点击的图片中添加一个类吗?对不起,我输入了一个错误。我想在单击图像时添加id,但我使用的代码不起作用。多个元素具有相同id是一种不好的做法。你应该使用类,而不是我的代码不完整。单击另一个元素时,ID将被删除。谢谢…新手错误。现在可以了。我有点尴尬。@ADB没关系,我们是人类…:)但是,如果你打算用css设计图像的样式,我建议你使用一个类。在jQuery中执行此操作的方法是使用
.addClass(“class”)
。是的,在您显示我的错误后,我已经切换了。在解决问题时,我意识到我改为添加ID而不是类。再次感谢。根据这个网站协议,我是否应该删除我的问题,因为它对社区没有真正的帮助?我也是这个网站的新手。实际上我不知道。我不是想切换一个类。不过谢谢。我可能几个小时前用过一节课,在解决问题时换了身份证。我仍然不希望切换影响。我希望样式仅适用于我单击的照片。但我会自己解决的,应该不会太难。