JQuery在类名为Search的标签中选择类名不为showRow的元素隐藏
时间: 2024-02-01 19:16:26 浏览: 26
可以使用以下代码来实现:
```javascript
$('.Search .showRow').not('.hidden').addClass('hidden');
```
这样就可以选择类名为Search的标签中所有类名为showRow的元素,并将它们的隐藏状态去掉,其他元素隐藏起来。注意,需要使用`.not('.hidden')`来排除已经被隐藏的元素。另外,需要在CSS中定义`.hidden`类名的样式,例如:
```css
.hidden {
display: none;
}
```
相关问题
类名相同的 span 元素,怎样使用伪类选择器 jquery
在 jQuery 中,可以使用 `:eq()` 选择器或 `:nth()` 选择器来选择相同类名的 span 元素中的某一个。例如,如果要选择第三个类名为 "example" 的 span 元素,可以使用以下代码:
```javascript
$('span.example:eq(2)').css('color', 'red');
```
或者:
```javascript
$('span.example:nth(2)').css('color', 'red');
```
其中,`example` 是类名,`:eq(2)` 或 `:nth(2)` 表示第三个匹配的元素,因为 `eq()` 和 `nth()` 的索引从 0 开始计数。这样就可以将第三个类名为 "example" 的 span 元素的颜色设置为红色。
uniapp 怎么在全局App文件中怎么为其他页面中的herder标签添加类名
在uni-app中,可以使用全局的App.vue文件来为其他页面中的header标签添加类名。具体步骤如下:
1. 在App.vue文件中的<template>标签中添加以下代码:
```
<template>
<div>
<uni-status-bar></uni-status-bar>
<header :class="headerClass"></header>
<router-view></router-view>
</div>
</template>
```
其中,`:class="headerClass"`表示动态添加header标签的类名。
2. 在App.vue文件中的<script>标签中添加以下代码:
```
<script>
export default {
computed: {
headerClass() {
// 根据不同页面的路由名称来动态设置header标签的类名
return this.$route.name === 'home' ? 'home-header' : 'other-header'
}
}
}
</script>
```
在computed计算属性中,通过`this.$route.name`获取当前页面的路由名称,根据不同的路由名称来动态设置header标签的类名。
3. 在其他页面的<template>标签中添加需要的类名,如:
```
<template>
<view>
<header>
<!-- header内容 -->
</header>
<!-- 页面内容 -->
</view>
</template>
```
这样就可以为其他页面中的header标签添加类名了。通过在App.vue文件中动态设置header标签的类名,可以避免在每个页面中重复设置类名的麻烦。