根据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 ...
随机推荐
- GDOI2018爆炸记
Day0 12:45p.m. 从初中部出发前回班探望了一下同学,受到热烈欢迎(?) 13:15p.m. 出发去中山,路上本来想用mac看fz的,结果ass字幕导入失败,心态爆炸*1:后来成功获取xfz ...
- qume-kvm 命令管理
sudo /etc/init.d/acpid start 安装管理包工具 sudo apt install libguestfs-tools [ qemu-kvm qemu-kvm-tools vir ...
- mariadb-增删改查怎么用
MariaDB 数据类型 MariaDB数据类型可以分为数字,日期和时间以及字符串值. 使用数据类型的原则:够用就行,尽量使用范围小的,而不用大的 常用的数据类型 整数:int, (bit比整数还要小 ...
- 微信小程序 上传图的功能
首先选择图片,然后循环,再就是在点击发布的时候循环图片地址赋值,包括删除命令 js代码: //选择图片 uploadImgAdd: function(e) { var imgs = this.data ...
- 洛谷 P1045 麦森数 （快速幂+高精度+算位数骚操作）
这道题太精彩了! 我一开始想直接一波暴力算,然后叫上去只有50分,50分超时 然后我改成万位制提高运算效率,还是只有50分 然后我丧心病狂开long long用10的10次方作为一位,也就是100亿进 ...
- iOS基础UI控件介绍-Swift版
iOS基础UI控件总结 iOS基础控件包括以下几类: 1.继承自NSObject:(暂列为控件) UIColor //颜色 UIImage //图像 2.继承自UIView: 只能相应手势UIGest ...
- FarPoint自动换行
单元格自动换行 FarPoint.Win.Spread.CellType.TextCellType mType = new FarPoint.Win.Spread.CellType.TextCellT ...
- Linux进程管理之状态（二）
二.进程的生命周期 进程是一个动态的实体,所以他是有生命的.从创建到消亡,是一个进程的整个生命周期.在这个周期中,进程可能会经历各种不同的状态.一般来说,所有进程都要经历以下的3个状态: 就绪态.指进 ...
- Jedis无法连接centOS7上的redis
通过查看资料无法连接基本是两个原因: 1)redis.conf中的bind配置,bind的默认是 127.0.0.1 只可本机访问,我们改为 bind 0.0.0.0 即所有地址均可访问. 2)cen ...
- 2015 Multi-University Training Contest 3 hdu 5323 Solve this interesting problem
Solve this interesting problem Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K ...