根据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 ...
随机推荐
- GDOI2016酱油记（补发）
这篇酱油记是前年发在MCHacker一个叫code-hub的博客上的(已崩),现在来补发一下... GDOI2016扯淡(爆零记) 大家好,我是巨弱DCDCBigBig,在五一期间和一群神牛去考GDO ...
- 解决new Date的值为Invalid Date、NaN-NaN的问题
错误代码: let timespan = 1515239514230; let dateTime = new Date(timespan); console.log(dateTime) // 返回 I ...
- Keepalived原理及VRRP协议与应用配置（详细）
转载自:https://blog.csdn.net/u010391029/article/details/48311699 1. 前言 VRRP(Virtual Router Redundancy P ...
- 【图灵杯 J】简单的变位词
Description 变位词是指改变某个词的字母顺序后构成的新词.蔡老板最近沉迷研究变位词并给你扔了一道题: 给你一些单词,让你把里面的变位词分组找出来.互为变位词的归为一组,最后输出含有变位词最多 ...
- C#-CLR各版本特点
来自为知笔记(Wiz) 附件列表 CLR与NET版本关系.png NET框架工作流程.png VS与CLR关系.png
- Qt之表单布局（QFormLayout）
简述 QFormLayout管理输入型控件和关联的标签组成的那些Form表单. QFormLayout是一个方便的布局类,其中的控件以两列的形式被布局在表单中.左列包括标签,右列包含输入控件,例如:Q ...
- hdoj-1212-Big Number【大数取余&简单题】
Big Number Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Su ...
- YII显示sql进行调试
进行插入測试: 一个简单控制器: function actionJia(){ $goods_model = new Goods(); //进行加入有别于查询不能使用以下这样的方式 // $goods_ ...
- UE4 中的人工智能解析—ShooterGame为例
在UE4编辑器中,打开内容浏览器,右击鼠标,创建传说中的行为树: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQTM2MzA2MjM=/font/5a6L ...
- 转一篇关于vuex简单理解的文章
学习vuex半天摸不着头脑无意间发现了这篇文章 对vuex做了一个简单的阐述比较有助于我的理解 现在分享出来希望能给一些朋友一点帮助 这个是原文地址 http://www.ituring.com.c ...