使用jquery 多个相同点击按钮单独时,隐藏自己和父元素 互不影响
时间: 2024-04-29 20:26:26 浏览: 14
可以使用`$(this)`和`parent()`方法来实现点击按钮隐藏自己和父元素,让它们互不影响。具体实现可以参考以下代码:
```javascript
$('button').click(function () {
$(this).hide(); // 隐藏当前按钮
$(this).parent().hide(); // 隐藏当前按钮的父元素
});
```
注意:上述代码假设按钮的父元素是直接包裹在按钮外部的一个元素,如果父元素的层级关系更复杂,需要根据实际情况做出相应调整。
相关问题
使用jquery 当点击按钮时,隐藏自己和其他不同元素 隐藏的元素class相同
的话,可以使用以下代码:
```
$('button').click(function(){
$('.same-class').hide();
$(this).hide();
});
```
其中,`$('button')`表示选择所有的按钮元素,`.same-class`表示选择所有`class`为`same-class`的元素,`.hide()`表示将它们隐藏。`$(this).hide()`表示将点击的按钮元素隐藏。
使用jquery 当点击按钮时,隐藏自己和其他不同元素
可以通过以下代码实现:
HTML部分:
```
<button id="hideBtn">隐藏按钮</button>
<div id="content">这里是需要隐藏的内容</div>
```
JavaScript部分:
```
$(document).ready(function() {
$('#hideBtn').click(function() {
$('#hideBtn, #content').hide();
});
});
```
当用户点击按钮时,按钮以及ID为"content"的元素将会被隐藏。