您的位置:首页 > Web前端 > JavaScript

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

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

//首先引入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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 遍历 框架
相关文章推荐