根据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 ...
随机推荐
- POJ 2228 Naptime（DP+环形处理）
题解 这题一眼望去DP. 发现自己太智障了. 这题想的是O(n^3m)的. 环形处理只会断环成链....然后DP也想的不好. 我们先考虑如果除去环这题该怎么做? dp[i][j][0/1]代表到第i小 ...
- LINUX 中 python 版本升级
首先下载源tar包 可利用linux自带下载工具wget下载,如下所示: 1 # wget http://www.python.org/ftp/python/2.7.3/Python-2.7.3.tg ...
- pandas 5 导入导出 读取保存 I/O API
官网The pandas I/O API pickle格式是python自带的 from __future__ import print_function import pandas as pd da ...
- sort函数自定义compare方法
今天看到有C++这样写: sort(ins.begin(), ins.end(), [](Interval a, Interval b){return a.start < b.start;}); ...
- Memcached windows安装
Memcached windows安装 如果出现提示: Microsoft Windows [版本 6.3.9600] (c) 2013 Microsoft Corporation.保留所有权利. D ...
- XUtils3框架的基本用法(一)
本文为作者原创,转载请指明出处: http://blog.csdn.net/a1002450926/article/details/50341173 今天给大家带来XUtils3的基本介绍.本文章的案 ...
- leetcode笔记：Merge Sorted Array
一.题目描写叙述 二.解题技巧 这道题不存在复杂的分析过程和边界条件.假设单纯得考虑从小到大地将两个数组进行合并的话.每次在num1中插入一个数的话,须要将后面的元素都向后移动一位.这样.整个处理过程 ...
- 联想z470 win7 64位双系统继续恢复镜像法安装黑苹果10.9.3
之前的方法是安装 10.9 http://blog.csdn.net/kissing_huo/article/details/23559239的 苹果最新的swift的语言 出来 必须最新的xcod ...
- MYSQL源代码编译的变动
Mysql的安装,对于mysql不同版本号的mysql源代码编译方式不一样 5.6.2的版本号開始编译方式已经由 configure 变成了cmake方式 ,相关的新的 编译方式在mysql官网已经提 ...
- pchip和spline差别