当点击遍历出来的图片时,如何判断改图片是被选中了,如何在其他地方获取到改图片的信息
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>
//首先引入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>
相关文章推荐
- Android如何判断当前手机是否正在播放音乐,并获取到正在播放的音乐的信息
- 如何检索获取安卓图片数据库的所有信息
- vc CListCtrl 如何判断列表中的内容是否被选中?如何获取CListCtrl当前选中的行
- 点击图片按钮 出来图片预览不兼容360极速模式 其他兼容
- java web 项目如何获取客户端登录帐号信息(用于SSO或其他)
- c# 如何将图片信息从数据库中读取出来放入pictureBox1中:
- 类库------对一些字符串进行操作的类1.判断输入是否数字2.截取字符串函数3.过滤输入信息4.生成随机数5.生成验证码图片6.获取汉字第一个拼音7.半角转全角8.全角转半角
- css sprites(CSS 精灵):如何获取一张集成拼合图片上的其他图片
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- Session里存的密码或其他信息如何获取。
- gridView里如何添加详情按钮,点击它可以转到另一页,以获取该行的详细信息。
- 论坛摘录:如何遍历获取局域网电脑信息
- 利用PHP 插件如何判断是否是有图新闻及获取图片地址教程
- echarts3地图如何添加点击事件? 点击地图相应的区域ajax获取并展示本区域省下面所有市的信息
- iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- JS如何实现点击页面其他地方隐藏菜单?
- iOS 消息推送 点击app图标 app icon如何获取推送信息 leanCloud 点击app图标 获得推送消息
- 如何让前端获取到硬盘上的图片并显示出来,不是项目中保存的图片
- 使用post方式提交表单如何获取图片数据及其他文本参数[NodeJS]