关于jquery 选择器的问题-怎样选定指定要操作的元素

wllper 2016-05-09 04:52:01
html代码
<div >
<ul class="ul1" id="ul1">
<button class="btn">点击</button>

<li class="secondStep">1</li>
<li class="secondStep">2</li>


<ul class="ul2">
<li class="secondStep">3</li>
<li class="secondStep">4</li>
</ul>
</ul>

</div>

下面是JS 代码
$('.btn').click(function(){
$(this).nextAll("ul.ul2 li.secondStep").toggle('hide');
});

我的本意是想 点击按钮之后, <ul class="ul2"> 里面的 3 和4 li 进行显示和隐藏. 1和2Li 不进行任何操作.
但是实际效果是 1和2 li在进行显示和隐藏, li 3和4 没有任何反应.
如果把$(this).nextAll("ul.ul2 li.secondStep").toggle('hide');
改成$(this).nextAll(" li.secondStep").toggle('hide');
不要了ul.ul2 这个选择器 那么 4个li都会进行显示隐藏.

我想知道 如何 指定 button 下面的 ul2 里面的 li 进行操作. 这个选择器如何写??
(ul.ul2 li.secondStep )这样写是不行的
...全文
102 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
wllper 2016-05-13
  • 打赏
  • 举报
回复
最后的解决办法,,, 改 html 结构, 同时改 JS 代码... 绕这个问题..
wllper 2016-05-10
  • 打赏
  • 举报
回复
哎呀 没人回复了,,看来只能自己研究了
wllper 2016-05-09
  • 打赏
  • 举报
回复
引用 1 楼 liaoxing168 的回复:
试试
$(".ul2 .secondStep").toggle('hide');
无用,我试过N种选择器组合了..不然我也不会来这里问高手了...
  • 打赏
  • 举报
回复
试试
$(".ul2 .secondStep").toggle('hide');
  • 打赏
  • 举报
回复
或者
$(".ul2 li").toggle('hide');
第1章 第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤选择器 使用jQuery属性过滤选择器 使用jQuery元素过滤选择器 使用jQuery表单对象属性过滤选择器 使用jQuery表单过滤选择器 第3章 DOM树状文档 获取元素的属性 设置元素的属性 设置元素的属性 获取或设置元素的内容 获取或设置元素的值 直接设置元素样式值 增加CSS类别 类别切换 动态创建节点元素 动态插入节点方法 动态插入节点方法 复制元素节点 替换元素节点 包裹元素节点 遍历元素 删除元素 数据管理 第4章 事件中的冒泡现象 bind方法绑定事件 映射方式绑定不同的事件 切换事件hover 切换事件toggle 移除事件unbind 其他事件one 其他事件trigger 文本框中的事件应用 列表框中事件应用 列表中的导航菜单应用 网页选项卡应用 删除记录时的提示效果 第5章 show()与hide()方法 动画效果的show()与hide()方法 toggle()方法 slideDown()与slideUp()方法 slideToggle()方法 fadeIn()和fadeOut()方法 fadeTo()方法 简单的动画 移动位置的动画 队列中的动画 动画停止和延时 动画方式浏览图片 第6章 传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 getJSON函数获取数据 getScript函数获取数据 get实现异步获取xml文档数据 $.get发送请求 $.post发送请求 serialize()序列化表单 $.ajax()方法发送请求 第7章 validate验证插件 form表单插件 cookie插件 autocomplete插件 notesforlightbox插件 ContextMenu插件 JQZoom放大镜插件 编写一个对象级别的插件 编写一个类级别的插件 uploadify文件上传插件 第8章 使用draggable插件实现对象的拖曳操作 使用droppable插件实现对象的置放操作 使用sortable插件实现列表中表项的拖曳排序操作 使用accordion插件实现区域块的折叠操作 使用datepicker插件实现选择日期的操作一 使用datepicker插件实现选择日期的操作二 使用tabs插件展示选项卡的基本功能 使用dialog插件弹出提示和确定信息对话框 使用jQuery UI插件以拖动方式管理相册 第9章 使用browser对象获取浏览器信息 使用boxModel对象检测是否是W3C盒子模型 使用$.each()工具函数遍历数组 使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()工具函数筛选数组中的元素 使用$.map()工具函数变更数组中的元素 使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的空格符 使用$.isEmptyObject()函数检测对象是否为空 使用$.isPlainObject()函数检测对象是否为原始对象 使用$.contains()函数检测两个节点是否包含 使用$.param()进行数组元素序列化 使用函数$.extend()扩展工具函数 使用函数$.proxy()改变事件函数的作用域 使用jQuery扩展工具函数实现对字符串指定类型的检测< 第10章 在指定的查找范围内获取DOM元素 选择器中含有空格符与不含空格符的区别 事件中的target方法优化冒泡现象 使用data()方法在元素上存取移数据 使用data()方法在元素上存取移JSON格式的数据 解决jQuery库先于其他库导入时变量“$”的使用权 解决jQuery库后于其他库导入时变量“$”的使用权 使用子查询优化选择器性能 减少对DOM元素直接操作 DOM对象与jQuery对象的类型转换 第11章 应用案例-聊天室系统 应用案例_图片切割

87,901

社区成员

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

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