文档章节

米到环球-地址栏-单选框的jquery处理,非典型的tab选项卡处理思维

柴高八斗之父
 柴高八斗之父
发布于 2016/06/15 08:37
字数 146
阅读 26
收藏 0

<div class="address_list_row"> <div class="address_check_box" tit="address_checkbox"></div> <div class="addredd_edit"><img src="img/icon_edit.svg"></div> <span class="f14 b">大柴</span><br/> <div class="address_tel">13685871247</div> 浙江省宁波市鄞州区梅墟街道研发园C9-12A </div>

<div class="address_list_row"> <div class="address_check_box" tit="address_checkbox"></div> <div class="addredd_edit"><img src="img/icon_edit.svg"></div> <span class="f14 b">大柴</span><br/> <div class="address_tel">13685871247</div> 浙江省宁波市鄞州区梅墟街道研发园C9-12A </div>

--------------------------------jquery代码如下-------------------------------------- var get_checkbox=$(".address_list_row > div[tit='address_checkbox']")

      get_checkbox.click(function(){
	
	   $(this).addClass("address_check_boxed");
	   $(this).parent().siblings().children("div[tit='address_checkbox']").removeClass("address_check_boxed");

  })

================================================== 为什么把这个帖子贴出来?主要是因为这个查找的方式比较特殊,点击当前,获取到当前的同类父类的子项,然后进行操作。

© 著作权归作者所有

共有 人打赏支持
柴高八斗之父
粉丝 4
博文 193
码字总数 107539
作品 0
宁波
前端工程师
私信 提问
jQuery对表单、表格的操作及更多的应用

jQuery对表单、表格的操作及更多的应用 1 表单应用 一个表单有3个基本组成部分。 (1) 表单标签:包含处理表单数据所用的服务器端应用程序URL以及数据提交到服务器的方法 (2) 表单域:包含文本...

zhangda89
2011/10/07
0
0
30 个实用的 jQuery 选项卡/导航教程推荐

很多网站设计中都使用了选项卡(tabs),在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果。本文为你介绍30个实用的jQuery选项卡教程,希望对你有帮助。 1. Animated Tabbed Conte...

小编辑
2011/11/18
5K
5
15 款优化表单的 jQuery 插件

网页上的表单提供给用户的一种交互的方式,用户输入数据,提交到服务器,等待后续的处理。这些表单在我们浏览的网页中随处可见,也容易被我们忽略。 比如,“联系我们”页面会提供一个表单给...

oschina
2014/05/26
10.8K
15
前段也要会点Ajax【附视频和源码】

这是我见过最务实的jquery教程,没有所谓的几十几百节课,全程干货。在此推荐给大家,要是早些看了这套视频,哪里还用看那么多废话,哎... 1.jQuery快速入门 2.jQuery对文本框、多行文本框、...

迅风168
2016/10/20
252
1
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ArrayList的实现原理以及实现线程安全

一、ArrayList概述 ArrayList是基于数组实现的,是一个动态的数字,可以自动扩容。 ArrayList不是线程安全的,效率比较高,只能用于单线程的环境中,在多线程环境中可以使用Collections.syn...

一看就喷亏的小猿
20分钟前
0
0
Netty 备录 (一)

入职新公司不久,修修补补1个月的bug,来了点实战性的技术---基于netty即时通信 还好之前对socket有所使用及了解,入手netty应该不是很难吧,好吧,的确有点难,刚看这玩意的时候,可能都不知道哪里...

_大侠__
昨天
4
0
Django简单介绍和用户访问流程

Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。 Django是一个开放源代码的Web应用框架,由Python写成。 Django遵守BSD版权,初...

枫叶云
昨天
8
0
EOS错误代码及中文释义

本文集汇总了EOS区块链常见错误代码及其含义,完整错误代码集请查看 EOS错误代码集 - 汇智网 EOS错误代码列表如下, <table class="table table-striped"> <thead> <tr><th>错误代码</th><t......

汇智网教程
昨天
5
0
Spring Cloud Stream消费失败后的处理策略(四):重新入队(RabbitMQ)

应用场景 之前我们已经通过《Spring Cloud Stream消费失败后的处理策略(一):自动重试》一文介绍了Spring Cloud Stream默认的消息重试功能。本文将介绍RabbitMQ的binder提供的另外一种重试...

程序猿DD
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部