当点击遍历出来的图片时,如何判断改图片是被选中了,如何在其他地方获取到改图片的信息

来源:互联网 发布:广东职业继续教育网络 编辑:程序博客网 时间:2024/05/17 22:32

我们通常会遇到这样的情况,前台图片通过遍历得出来,当我们点击每一张图片时,我们想要判断是否当前的图片被选中,想要在其他的地方获取到被选中的这张照片,我现在分享我的做法,希望对大家有所帮助,也希望得到大家的指点。

//首先引入jq文件,我用的是tp框架,jq文件在根目录Public文件夹下

<script type="text/javascript" src="__PUBLIC__/js/jquery-1.10.2.min.js"></script>


<script type="text/javascript" ">

        //首先给要点击的图片绑定点击事件 click

        $('#colorSelect img').click(function (){

                    var that = $(this);

                   //在我们每次点击图片之前,清除掉我们在改图片上做的标记,这里,我是使得改图片的属性select值为空
                   $('#colorSelect img').attr('select','');

                   //然后给当前点中的图片加上标记,这里,我是给她加上属性 select,值为当前图片的属性 title  值
                   that.attr('select',that.attr('title'));

                   //然后打印一下这张图片的属性 select ,看一下select属性是否有加上去,判断当前图片是否被选中

                   console.log(that.attr('select '));

        }


         //若我们想在其他地方获取到我们之前点中的图片的信息,我的做法是这样的

         //这里给另一个标签绑定一个 click 事件

          $('#J_BuyCart').click(function (){     

                    //通过判断之前点中的图片的属性select是存在,获取到之前点中的图片属性select
                    var selectImg = $('#colorSelect img[select!=" "]').attr('select');

          }


</script>

1 0
原创粉丝点击