jquery用div+span做的多选框,怎么获得选中的多个span的值?

图片说明

上图是前端页面.
前端代码如下:

D色 E色 F色 G色 H色 I色
我写的取值代码如下:
$(".dia_menu_lst span").click(function (e) {
    $(this).siblings().each(function(){
       $(this).removeClass("selected"); //去除同一个div下span兄弟节点的选中状态
    });
    $(this).toggleClass("selected"); // 点击某个span时添加或移除选中状态
    weight =$('#weigdiv .selected').attr('data'); //选择含有选中状态selected的元素(有选中状态状态的span)
    neatness =$('#neatdiv .selected').attr('data');
    var color =$('#colordiv .selected').attr('data');
    alert(ctgId +" "+weight+" "+neatness+" "+color);
}); 
    问题:因为每次点击的时候会去除兄弟的选中状态,所以实现不了多选.neatness和weight需要单选,color需要多选.求教各位大神怎么取得多选的color的值,我每次都只能取到一个.

3个回答

最后遍历选中的那几条数据,赋值给一个变量就行了,随便写的,不一定正确
    var color="";
    var i=0;
    $('#colordiv .selected').each(function(){
        if(i!=0){
                color+=","+$(this.attr("data"));
        }else{
                color+=$(this.attr("data"));
        }

        i++;
    })

select multiple 多选

这种的原理就是多选的select,加上select标签就可以了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery用div+span做的多选框,怎么获得选中的多个span的值?
![图片说明](https://img-ask.csdn.net/upload/201712/09/1512798900_816379.png)nn上图是前端页面.n前端代码如下:n n D色n E色n F色n G色n H色n I色n n 我写的取值代码如下:n $(".dia_menu_lst span").click(function (e) n $(this).siblings().each(function()n $(this).removeClass("selected"); //去除同一个div下span兄弟节点的选中状态n );n $(this).toggleClass("selected"); // 点击某个span时添加或移除选中状态n weight =$('#weigdiv .selected').attr('data'); //选择含有选中状态selected的元素(有选中状态状态的span)n neatness =$('#neatdiv .selected').attr('data');n var color =$('#colordiv .selected').attr('data');n alert(ctgId +" "+weight+" "+neatness+" "+color);n ); n 问题:因为每次点击的时候会去除兄弟的选中状态,所以实现不了多选.neatness和weight需要单选,color需要多选.求教各位大神怎么取得多选的color的值,我每次都只能取到一个.
div和span
本教程系统地讲解了HTML+CSS的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析。着重讲解如何用CSS+DIV进行网页布局,注重实际操作,使初学者在学习CSS应用技术的同时掌握CSS+DIV的精髓。本课程还详细讲解了其他教程中较少涉及的技术细节,并讲解了目前大型网站完整网页的综合实例n第一章:前端的 介绍、基础语法、流程控制,编程软件n第二章:前端html的标签语法,和布局n第三章: css介绍、作用,书写位置等n第四章:css属性样式等n第五章: css浮动知识,清除浮动等n第六章:css元素,标签,选项卡等n第七章:css的定位及元素的参考点等n第八章:轮播图的布局和样式等n第九章:css部署,分析实战n加qq3252897743,可以找导师免费课程答疑n
div与span
本教程专门针对编程小白而制作,是学习HTML+CSS很好的入门教程。学完后能写出你看到的静态页面。
Jquery获取span选中事件
![图片说明](https://img-ask.csdn.net/upload/201508/04/1438659738_575517.png)n![图片说明](https://img-ask.csdn.net/upload/201508/04/1438659801_381327.png)n这个怎么获取到span选中后的事件,我想能够这个事件后根据span的值改变页面的显示n![图片说明](https://img-ask.csdn.net/upload/201508/04/1438659981_549782.png)
jquery 如何获得span中的文本值
HTML如下:rn【储值卡】500019(已绑定)余额:50.00元rnrn如何获得[b]50.00[/b]中的50.00?
span设置值、获取span 的值
设置span的值 $("#aa").text("新增用户信息"); 说明:#aa是span的id;text("这里是设置的值");注意:一定要双引号, 获取span 的值 var aa = $("#aa").html(); 获取并设置值 var aa = $("#aa").html().innerHtml="新增用户信息"; ...
jquery 获 span值的问题
在一个 GridView 中 每个 TD内的值 rnrn我可以通过 html 获得rnrn如下:rnrn 123rnrnrn怎么获取 中间的 '123' 几个字rnrn并通过 一些算法 比如输出为 456 再把 456 赋值到 456中 rnrnPS:DIV中的TITLE不用理会
jq 根据span内容选中span
```rn aarnbbrnccrnddrn......rn```rnrnrnrn如上代码,span的个数不固定,现在只知道“cc”这个值,如何用这个值,选中其所在的span?rnrn我想到的是这样$("span[text='cc']"),可惜行不通,直接js能实现也可以~求大神指教~~
span怎么用?
-
span在div内垂直居中
使用display:table-cell,span中内容无论多少,都可以垂直居中       ceshiceshi   另外,有设置line-height等于外面div的height方法,但是无法正常显示太长的内容
div和span的区别
div: div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 Span: span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容加上<span></span>标记可以通过在span上定义样式来设定其内容的样
Span和div的区别
div 占据单独一行 span 行内元素,设置长和宽是没有反应的,自己有多大就占据多大。要想设置其长宽,加入地上display:block即可。 div内的span无需命名css选择器伪类,例子如下 如果div的class为yangshi,则对内的span设置css属性则,代码如下 .yanshi span{属性及属性值} ...
div与span的外边距
1.text-align会对块元素中的所有内联内容对齐;实际上text-align不仅仅是适用于文本,是对所有类型的内联元素对齐; 另外text-align属性只能在块元素上设置,如果直接在内联元素上使用那么是不起作用的. 2.子孙选择器 2.1 用途:我们只想选择某些元素的子孙元素. 写法如下 div h2{ ...
Div和span标签
div标签:是用来为HTML文档内大块的内容提供结构和背景的元素。DIV的起始标签和结束标签之前的所有内容都是用来构成这个块的,中文我们把它称作“层”。 span标签:是被用来组合文档中的行内元素。span没有固定的格式表现, 当对它应用样式时,它才会产生视觉上的变化。
div span 自动换行
word-wrap: break-word;word-break: break-all;overflow: hidden;
span标签放入div
这个首先是实现不了的,div标签会另起一行
Div和Span的区别
div:占用的位置是一行 span:内容有多宽占用的空间内容就有多宽 说明如下图 sapn标签使用案例截图 分析:从上图很容易知道“我是内容一;用的div”和“我是内容二;用的div”两个内容外部用的是标签,他们得到样式是占用了一排空间(相当于换行一样);而“我是内容三;用的span”和“我是内容四;用的span”则,文字内容有多宽,就占用多宽距离,使用标签和不使用一样
span 和DIV的区别
span和DIV有什么区别与共同点。rn它可以定义width height border background margin padding 吗?
div和span的block效果
&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&amp;gt; &amp;lt;style&amp;gt; span,div{background-color:#F60;margin-bottom:5px;margin-left:5px...
Html Div span 问题
rnrn rn rnrnrn rn rn × rn rn rn rn rnrnrnrn上面的代码谁能帮忙解决下把那个X显示到图片的右边紧靠着图片
div 和 span 的距别
请问各位大侠:div 和 span 有何距别呢?能否各举一个事?谢谢
关于span和div的问题
我最近才刚看JS对里面的一些东西还不懂,提的问题可能很低级.希望懂的人解答:rn格式如下:rn rn rn rnrnrnrn 名称 就文本2 rn旧的文本 内容rnrnrnrnrn rn当我的鼠标放在该层上时,其背景和一些文本会改变,但是光标无法定位到"就文本"上,测试好像"就文本"完全不在div内部.而且我又想响应那里面的单击事件rn即:rndocument.getElementById(s).innerHTML="回复|转发|更多操作";
div/span诡异情况
代码rnrnrn 职业卫生rn rn rn 用人单位rn rn 职业卫生技术服务机构rn rn 职业健康检查机构rn rn 职业病诊断机构rn rn 职业病诊断鉴定委员会组成人员rn rn 其他rn rn rn rnrncss:rn rnrn目前出现的问题是, 当前列出的这一组数据在ie下有类似 海市蜃楼的效果 , 销售两个字 重复出现,但是重复的那条没有单选框?? CSS写的问题么?
span和div有什么区别吧,我怎么用span和用div一样的感觉
如题
$("div span")选取<div>里的所有的<span>元素
node2:/var/www/html/js#cat a25.html &amp;lt;ul class=&quot;test&quot;&amp;gt; &amp;lt;div id=test&amp;gt;aaaa&amp;lt;/div&amp;gt; &amp;lt;div id=test&amp;gt;bbbb&amp;lt;/div&amp;gt; &amp;lt;div id=test&amp;gt;&amp;lt;span&amp;gt;cccc&amp;lt;/span&amp;gt;
web前端——div和span标签
div和span标签都是用来帮助页面进行排版的,它们两个没有自己的语意。div:块级元素,所谓的块级元素,就是可以通过css设置宽高等一些大小的样式,这样的元素标签称为块级元素。块级元素的特点是自己占一整行。如果再写其它标签,那么其它标签会显示在它的下面。div的宽度默认是整个浏览器的宽度,这个宽度是从body标签继承过来的。span:行内元素,不能通过css设置具体的宽高等样式的标签元素称为行内...
span div等的自动换行
style='word-break:break-all; word-wrap:break-word'>"
div 和span的区别
div 和span的区别 (块元素和内联元素的区别) 块元素 又名块级元素(block element) 和内联元素(inline element),都是HTML 规范中的概念。块元素的特点:(1)总是在新行上开始;(会自动换行)(2)高度,行高、内边距和外边距都是可控制的;(3)宽度缺省是它容器的100%,除非设定一个宽度;(4)它可以容纳内联元素和其他的块元素。            
CSS的div和span的区别
----------------------------------------CSS的div和span的区别-----------------------------------------div和span div和span是html中块级元素,是层叠样式表中的定位技术。&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta cha...
span和DIV的区别?
如题!rn谢谢大家
菜鸟问题,div与span
刚学这东西rn麻烦讲一下div和span主要作用及用法rn在线等待rn答完给分!
html-列表、div和span
一、列表 1.1无序列表 无序列表是用来表示一个列表的语义,并且每个项目和每个项目之间是不分先后的. ul是英语uordered list“无序列表”的意思. li是英语list item "列表项"的意思。 这是组标签,要么不写,要么就写一组。 &lt;ul&gt; &lt;li&gt;北京&lt;/li&gt; &lt;li&gt;上海&lt;/li&gt; &lt;li&...
div和span标签
有的小白看到我写的博客的时候可能会有一些疑惑:为什么在学习css的时候要补充两个HTML中的标签呢? 这是因为这两个标签往往需要配合css标签来使用,所以在前面学习HTML的时候并没有很重视学习这两个标签。 -----------------------------------------------------分割线--------------------------------------
div,span标签属性
明天需要用到这两个标签的属性,比较急,因此来CSDN征求全一点的文档rn对这两个标签比较详细的介绍,有的话希望大家帮个忙,我只有以分回报rn了:)rn先谢了~~
请问div和span的区别
看过一文章是这样的rnrn 和的区别rnspan:允许网页制作者给出一个样式表,但无须加在HTML元素之上,也就是说span是独立于HTML元素的.span在样式表做是做为一个标识符使用,而且也接受style class 和ID属性如.....rnspan是一个内联元素,它纯粹是为了应用样式表面成立的,所以当样式表无效时,它的存在也就没有意义了rnrnDIV:基本上与span相似,或者说具有SPAN所有的功能,此外还具有SPAN不及的特色.DIV是一个块,也就是所谓的"容器",它具有自己独立的段落,独立的标题,独立的表格,就如.....一样包括了一切.如:rnrn rn 独立的标题rn 独立的段落rn ......rn...................rn而这些SPAN是没有的!rn////rn~~~~~但还是有些不明白
Div 和 Span 结合问题
我在 Div 中放入了 两个小图片(Height:19) 和 一个 SPANrn如果我把 SPAN 去掉的话,哪 Div 的高度也是 19 ,但我加上 SPAN 高度就增大了,不管我不怎么调 SPAN 的 Style ,就是不行,我用背景颜色区分 DIV 与 SPAN 的实际高度,发现 SPAN 高度很小,但显示在 Div 的底部,请问大家有没有碰到过这种问题,因为我在做 TreeView ,如果高度超过图片高度,节点之间就有空隙。rnrn如有解决办法,请回复一下,谢谢,QQ:28826545
div和span标签(掌握)
本套课程主要讲解内容如下:rn1.编程开发基础知识rn2.HTML+HTML5基础标签学习rn3.CSS文字属性、颜色属性学习rn4.CSS+CSS3选择器学习rn5.CSS三大特性学习rn6.CSS显示模式、CSS3背景属性、精灵图学习rn7.盒子模型、浮动、定位学习rn8.过渡模块、2D转换模块、3D转换模块、动画模块学习rn8.企业网站实战开发rn
html div span
<p>rn <span style="color:#666666;font-size:14px;background-color:#FFFFFF;">在人工智能大行其道的时代,许多开发者对Python这门编程语言都比较熟悉。但是如何用它实现一个企业级别的项目,可能许多同学还存在一些困难。本职业规划路线是专门针对想要从事Python&nbsp;web开发的同学而准备的,并且是严格按照企业需求的标准定制的学习路线。路线中包含Python基础和进阶、前端、MySQL数据库、Flask和Django框架以及多个企业真实项目。在学习完本路径中所有的课程后,从前端页面的实现,到后台代码的编写,再到数据库的管理,一人可以搞定一个公司网站的所有事情,真正实现全栈开发,让你升职加薪不是梦!</span> rn</p>rn<p>rn <span style="color:#666666;font-size:14px;background-color:#FFFFFF;"><img src="https://img-bss.csdn.net/201907291530076827.jpg" alt="" /><img src="https://img-bss.csdn.net/201907291530374628.png" alt="" /><br />rn</span> rn</p>rn<p style="text-align:center;">rn <span style="color:#666666;font-size:14px;background-color:#FFFFFF;"><br />rn</span> rn</p>
span 与 div的问题
[code=JScript]rn 测试[/code]rnrnrn测试这两个字为啥跑到input的下面去了,input不是行标签吗。他们俩应该在同一行啊,把div换成span就可以了。为啥呢
Span和Div的区别
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。span和div的不同...
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件