根据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 ...
随机推荐
- 【转载】如何学习C++
原文地址: http://www.hankcs.com/program/cpp/how_to_learn_c__.html 1.把C++当成一门新的语言学习(和C没啥关系!真的.): 2.看<T ...
- php include 和require的区别与转码
php include 和require的区别相同点:include和require 都能把另外一个文件包含到当前文件中. 不同点:使用include时,当包含的文件不存在时,系统会报出警告级别的错 ...
- GenIcam标准（三）
2.6. 缓存 如果某个实现对每个写操作支持范围.实现和可用状态的检查,通常会触发一系列对相机的读操作.大多数用于有效性检查的数值很少或不会发生变化,所以可以放入缓存.相机描述文件包含所有必需的定义以 ...
- 【codeforces 340B】Maximal Area Quadrilateral
[题目链接]:http://codeforces.com/problemset/problem/340/B [题意] 给你n个点,让你在这里面找4个点构成一个四边形; 求出最大四边形的面积; [题解] ...
- Java基础学习总结（30）——Java 内存溢出问题总结
Java中OutOfMemoryError(内存溢出)的三种情况及解决办法 相信有一定java开发经验的人或多或少都会遇到OutOfMemoryError的问题,这个问题曾困扰了我很长时间,随着解决各 ...
- 洛谷 P1990 覆盖墙壁
P1990 覆盖墙壁 题目描述 你有一个长为N宽为2的墙壁,给你两种砖头:一个长2宽1,另一个是L型覆盖3个单元的砖头.如下图: 0 0 0 00 砖头可以旋转,两种砖头可以无限制提供.你的任务是计算 ...
- Android端通过HttpURLConnection上传文件到server
Android端通过HttpURLConnection上传文件到server 一:实现原理 近期在做Androidclient的应用开发,涉及到要把图片上传到后台server中.自己选择了做Sprin ...
- 关于多线程lock-free代码
首先要理解JVM内存模型,可以参考我之前的文章. 然后C++里面其实有一样的指令排序的问题.虽然C++11里面针对happens-before规则做了一些语义上面的支持.但是普通C/C++没有做这些支 ...
- uva 10474 Where is the Marble?（简单题）
我非常奇怪为什么要把它归类到回溯上,明明就是简单排序,查找就OK了.wa了两次,我还非常不解的怀疑了为什么会 wa,原来是我居然把要找的数字也排序了,当时仅仅是想着能快一点查找.所以就给他排序了,没考 ...
- light oj 1094 Farthest Nodes in a Tree（树的直径模板）
1094 - Farthest Nodes in a Tree problem=1094" style="color:rgb(79,107,114)"> probl ...