<div class='hide'>A</div>
<div class='hide'>B</div>
<div class='hide' id='1'>C</div>

I have a function called showOne which should hide all elements and then show the one with id='1'.

我有一个名为showOne的函数,它应该隐藏所有元素,然后显示id='1'的元素。

function showOne(id) {
// Hide all elements with class = 'hide'
$('#'+id).show();
}

How do I hide all elements with class = 'hide' in jquery?

如何在jquery中使用class = 'hide' >隐藏所有元素?

6 个解决方案

#1


40

Try something like:

尝试:

function showOne(id) {
    $('.hide').not('#' + id).hide();
}

showOne(1);​

Demo: http://jsfiddle.net/aymansafadi/kReZn/

演示:http://jsfiddle.net/aymansafadi/kReZn/

I agree with @TheSystemRestart though, "NOTE: DON'T USE ONLY NUMERIC ID".

我同意@TheSystemRestart,“注意:不要只使用数字ID”。

更多相关文章

  1. Ajax_04之jQuery中封装的Ajax函数
  2. jQuery -> 获取后代元素的三种方法
  3. JQuery操作<select>元素
  4. 怎么用js或jquery把一个函数b绑定到另一个函数a之后执行
  5. jQuery捕获被点击元素的ID
  6. Yii - 加载ajax表单元素的用户端验证
  7. jQuery: 刨根问底 attr and prop两个函数的区别
  8. jQuery ajax问题 - 无法让我的函数工作
  9. 删除后重新插入后保留对元素的引用

随机推荐

  1. Android多进程之Binder的意外死亡及权限
  2. 第1章 android发展史
  3. 【Android 笔记 五】 Android Sensor感应
  4. Android客户端程序员的一些思考
  5. 深入解读Linux与Android的相互关系
  6. 面向UDP的Android——PC双向通信(二):实现An
  7. Android(安卓)studio 百度地图开发(8)地图
  8. 百度地图API使用系列1-准备工作
  9. [置顶] 搬家、备份后启动Android PANIC :
  10. Android的风暴前夕