根据on，获取选中的元素
打钩的元素有个on的class。
// 礼物发送
function send_gift() {
var type,diamond,name,id;
var list = $('.live .on');
var length = list.length;
console.log(length);
if(length == 0){
toast('请勾选要发送的礼物');
}else{
// 默认获取第一个匹配的元素信息
id = list.data('id');
diamond = list.data('diamond');
name = list.data('name');
type = list.data('type');
// alert(id+"-"+diamond+"-"+name+"-"+type);
}
}
点击发送按钮，选中这个元素。
<div class="gift_more" id="gift">
<div class="gift_more_mask" onclick="giftmask()"></div>
<div class="gift_more_popup">
<div id="aui-slide">
<div class="aui-slide-wrap live">
<div class="aui-slide-node">
<div class="aui-grid">
<div class="aui-row">
<div class="aui-col-xs-3 gift_item on" data-id="1" data-diamond="1" data-type="little" data-name="爱心小熊">
<img src="../image/live/gift/s_gift_1.png" class="gift_img">
<div class="aui-grid-label">爱心小熊</div>
<div class="gift_more_popup_labe">1云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="2" data-diamond="2" data-type="little" data-name="棒棒糖">
<img src="../image/live/gift/s_gift_2.png" class="gift_img">
<div class="aui-grid-label">棒棒糖</div>
<div class="gift_more_popup_labe">2云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="3" data-diamond="5" data-type="little" data-name="冰淇淋">
<img src="../image/live/gift/s_gift_3.png" class="gift_img">
<div class="aui-grid-label">冰淇淋</div>
<div class="gift_more_popup_labe">5云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="4" data-diamond="52" data-type="little" data-name="钻戒">
<img src="../image/live/gift/s_gift_4.png" class="gift_img">
<div class="aui-grid-label">钻戒</div>
<div class="gift_more_popup_labe">52云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="5" data-diamond="520" data-type="big" data-name="告白气球">
<img src="../image/live/gift/s_gift_5.png" class="gift_img">
<div class="aui-grid-label">告白气球</div>
<div class="gift_more_popup_labe">520云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="6" data-diamond="666" data-type="big" data-name="金话筒">
<img src="../image/live/gift/s_gift_6.png" class="gift_img">
<div class="aui-grid-label">金话筒</div>
<div class="gift_more_popup_labe">666云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="7" data-diamond="999" data-type="big" data-name="皇冠">
<img src="../image/live/gift/s_gift_7.png" class="gift_img">
<div class="aui-grid-label">皇冠</div>
<div class="gift_more_popup_labe">999云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="8" data-diamond="1200" data-type="big" data-name="保时捷">
<img src="../image/live/gift/s_gift_8.png" class="gift_img">
<div class="aui-grid-label">保时捷</div>
<div class="gift_more_popup_labe">1200云钻</div>
<i class="gift_alt"></i>
</div>
</div>
</div>
</div>
<div class="aui-slide-node">
<div class="aui-grid">
<div class="aui-row">
<div class="aui-col-xs-3 gift_item" data-id="9" data-diamond="888" data-type="big" data-name="心钻皇冠">
<img src="../image/live/gift/s_gift_9.png" class="gift_img">
<div class="aui-grid-label">心钻皇冠</div>
<div class="gift_more_popup_labe">888云钻</div>
<i class="gift_alt"></i>
</div>
<div class="aui-col-xs-3 gift_item" data-id="10" data-diamond="999" data-type="big" data-name="水晶鞋">
<img src="../image/live/gift/s_gift_10.png" class="gift_img">
<div class="aui-grid-label">水晶鞋</div>
<div class="gift_more_popup_labe">999云钻</div>
<i class="gift_alt"></i>
</div>
</div>
</div>
</div>
</div>
<div class="aui-slide-page-wrap"><!--分页容器--></div>
</div>
<div class="gift_more_bottom">
<span class="aui-col-xs-3 gift_send2">我的账单</span>
<span class="aui-col-xs-3 gift_send1">余额：<span id="diamond_num"></span></span>
<span class="aui-col-xs-3 gift_send1" style="color:#33B140;" ><span onclick="openWinPro('living_recharge');">充值</span></span>
<span class="aui-col-xs-3 aui-btn-sm aui-btn-info gift_send" onclick="send_gift();">发送</span>
</div>
</div>
</div>
根据on，获取选中的元素的更多相关文章
- jquery1.11 操作checkbox：全选、取消全选、获取选择元素、获取取消选择元素（总结）
jquery1.11.1版本完成对checkbox的操作 1. 使用属性prop设置选中状态 2.使用:checked和:not(:checked)获取选中的元素 源码: <!DOCTYPE h ...
- select 如何在选中后获取选中的时是什么元素 ，（原生js)
在日常开发中,我们经常遇到选择框的业务处理:如何去获取我们所选中的数据呢? 很多小伙伴还不是很熟悉! <!DOCTYPE html> <html lang="en" ...
- JQuery判断radio是否选中，获取选中值
本文摘自:http://www.cnblogs.com/xcj1989/archive/2011/06/29/JQUERY_RADIO.html /*----------------------- ...
- Android中Spanner获取选中内容和选中位置，根据位置选择对象
作为一名菜鸟,关于spanner获取选中的内容文字代码,网上后很多 但是根据给出的位置来自动选择对象,这个代码一直没找到 后来找人问了问,才知道就一句话的事,特意在这里记录下 array.xml X ...
- js 在iframe子页面获取父页面元素,或在父页面 获取iframe子页面的元素的几种方式
用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 ...
- 从零开始学 Web 之 jQuery（二）获取和操作元素的属性
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- jquery获取的html元素和document获取的元素的区别
最近通过ocx做了一个视频插件,然后将插件放到html中(想知道的可以看一下) 因为我要操作这个插件,要播放,停止等,所以我需要获取这个元素,不出意外的,我就用jquery来获取,然后根本无法执行,然 ...
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的 ...
- jquery获取表单元素与回显
一.获取哦表单元素 dcoument表单文本对象的集合 all[] 对所有html元素的访问 forms 返回对文档中所有form对象的引用 forms[1] 对所有form对象引用 <scri ...
随机推荐
- pycharm日常填坑
pycharm坑很多,今天又遇见了,好吧 ,填坑 场景:从别的地方拷贝过来的项目,导入本地的pycharm 然后选择 然后 还会报错....心累 报错内容: django commands canno ...
- 基于json数据格式实现的简单数据库——jsonDB
已在github上建立项目:https://github.com/ThinkerCodeChina/jsonDB /** +-------------------------------------- ...
- Mac OS X10.10_xcode6.1_ios8.1环境下，编译lame静态库libmp3lame.a，支持arm64 armv7s x86_64 i386 armv7指令集
近期升级了系统到Mac OS X 10.10 而且更新了XCode6.1和iOS 8.1 之前app用到的libmp3lame.a静态库.也要支持64位的模拟器(x86_64)和64位的真机(arm6 ...
- hdu_3308 区间合并
一两个月没写代码的确是手生的厉害,debug的好艰辛,,不过看到accept时的那种满足感真的就是爽 #include<iostream> #include<cstdio> # ...
- PermissionError: [Errno 13] in python
出现该错误,首先尝试以管理员身份运行 cmd.exe 程序,然后关闭所有的与 python 相关的进程. 1. open 打开一个文件夹(目录),而不是文件 这一错误一般发生在使用 open函数对文件 ...
- 48.AngularJS ng-src 指令
转自:https://www.cnblogs.com/best/tag/Angular/ 1. <!DOCTYPE html> <html> <head> < ...
- 8.ES6测试
转自:http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html 如果测试脚本是用ES6写的,那么运行测试之前,需 ...
- vue组件的一些知识理解
组件我们在项目中会很常用到,说下自己在学习过程中的理解,有关 组件初始化顺序,组件为什么data是function,组件的生命周期 1. Vue.component('', {}) 注册全局组件,组 ...
- 网络通信-ping命令
- TabLayout中Indicator的样式修改
最近写一个项目的时候用到了TabLayout,其中Indicator只是固定的一条横线,样式只能修改Color和Height,没有办法改变形状和宽度等其他信息. 经过查看TabLayout类的源码,发 ...