jq 怎么取到筛选条件?

cctvkmna 2015-04-24 06:25:59
<div class="spec" >
<div class="clear">
<span class="productspec">颜色:</span>
<div class="detail-spec">
<a>金色<span></span></a>
<a>银白</a>
</div>
</div>
<div class="clear">
<span class="productspec">尺寸:</span>
<div class="detail-spec">
<a>9寸<span></span></a>
<a>14寸</a>
</div>
</div>
<div class="clear">
<span class="productspec">重量:</span>
<div class="detail-spec">
<a>200G<span></span></a>
<a>500G</a>
<a>1000G</a>
</div>
</div>
<div class="clear">
<span class="productspec"></span>
<div class="detail-spec">
</div>
</div>
<div class="clear">
<span class="productspec"></span>
<div class="detail-spec">
</div>
</div>
</div>

这是一个循环列表

<a>金色<span></span></a> 带有span标签的为选中状态

选中后怎么提示 你选中的 数值

如选中 银白 就弹出 银白,9寸,200G 空的就不显示 有值都显示


$('.detail-spec a').on('click', function () {
$(this).siblings().find("span").remove();
$(this).append("<span></span>");
alert("弹出数据");
});

我只写到了这里 。。
...全文
199 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
lzj0327 2015-04-26
  • 打赏
  • 举报
回复
循环的时候不能给有关联的数据给一个有关联的id吗?如color_1,weight_1,然后取得时候用$("a[id$='_1']")
天际的海浪 2015-04-24
  • 打赏
  • 举报
回复

    $('.detail-spec a').on('click', function () {
            $(this).siblings().find("span").remove();
            $(this).append("<span></span>");
		    var str = "";
			$(this).closest("div.spec").find("a span").each(function (){
				str += $(this).parent().text();
			});
			alert(str);
        });

cctvkmna 2015-04-24
  • 打赏
  • 举报
回复
你这样 读不到啊 我这个是table 的循环列表 <table> <div class="spec" > .... </div> <div class="spec" > .... </div> <div class="spec" > .... </div> 等很多循环div 列表 </table>
天际的海浪 2015-04-24
  • 打赏
  • 举报
回复
为什么要这样设置选中状态?这多不方便.

    $('.spec a').on('click', function () {
            $(this).siblings().find("span").remove();
            $(this).append("<span></span>");
		    var str = "";
			$(".spec a span").each(function (){
				str += $(this).parent().text();
			});
			alert(str);
        });

jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+等)、过滤器(包括:过滤器和[]过滤器)。 通过以上3种的组合,“查询”得到想要操作的元素或者元素集合,作为$()的参数,得到jQuery对象(或者jQuery对象的集合) 第二步是在jQuery对象间的跳转。也就是说,已经得到了一个jQuery对象,但是并不是想要的,那么可以通过一系列的跳转方法,比如parent()、next()、children()、find()等,或者过滤筛选的方法,比如eq()、filter()、not()等,来得到最终想要操作的jQuery对象。 用跳转和过滤方式得到的jQuery结果,往往通过比较复杂的表达式组合,可以达到同样的目的。 比如说$("div").eq(3),也可以用$("div:eq(3)")达到同样的目的。 又比如说$("div").find("span"),可以用$("div span")取到同样的元素。 方法是很灵活的,要根据具体的情况来选择。一般来说,HTML页面写得越规范,使用jQuery就越简单 还有一种情况,在得到了jQuery()对象之后,想要判断其是否满足条件,那么可以调用is()、hasClass()等方法,返回一个boolean值,进行后续的判断。这类方法也可以归到这类。 第三步是在获取准确的jQuery对象之后,调用其上的各种方法,来进行操作。这一步反而是比较简单的了。 后面就是对jQuery框架各种方法的简要介绍,更详细的内容,还是以官方API为准 1、$(...) $() 一切的核心,可以跟4种参数 $(expression),比如$("#id")、$(".class")等,返回jQuery对象,或者jQuery对象的集合 $(html),比如$("hello world"),返回jQuery对象,或者jQuery对象的集合 $(element),比如$(document.body),返回jQuery对象,或者jQuery对象的集合 $(*),所有元素 2、jQuery Object Accessors jQuery.index(element),返回该jQuery对象在集合中的索引 jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; jQuery.size(),返回jQuery对象集合的大小 jQuery.length,相当于size()方法 jQuery.get(),获取原生DomElement对象的Array jQuery.get(index),获取原生DomElement对象 jQuery.eq(position),获取jQuery对象集合中的一个jQuery对象 3、Data相关方法 jQuery.data(name) jQuery.data(name, value) jQuery.removeData(name) 4、选择符 multiple(selector1, selector2),可以选择多个元素或者表达式,包装成jQuery对象的集合 例子:$("div,span") id(id) 例子:$("#id") class(class) 例子:$(".class") element(element) 例子:$("div")

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧