Javascript 如何通过单击此选择器上的定位按钮隐藏div

Javascript 如何通过单击此选择器上的定位按钮隐藏div,javascript,jquery,html,css,hide,Javascript,Jquery,Html,Css,Hide,我的主要问题是我怎么才能只隐藏我点击的当前div。。。请告诉我我能做些什么 $('.ads关闭btn')。单击(函数(){ $('.full width add')。隐藏(“慢速”); }); 警报(“我的主要问题是如何仅隐藏当前div”) .a\u文本{ 颜色:红色; } 一些文本 一些文本 一些文本 一些文本 只需添加这一行即可 $(this).parents('.full-width-add:first').hide("slow"); 而不是 $('.full-width-add

我的主要问题是我怎么才能只隐藏我点击的当前div。。。请告诉我我能做些什么



$('.ads关闭btn')。单击(函数(){
$('.full width add')。隐藏(“慢速”);
});
警报(“我的主要问题是如何仅隐藏当前div”)
.a\u文本{
颜色:红色;
}

一些文本
一些文本
一些文本
一些文本
只需添加这一行即可

$(this).parents('.full-width-add:first').hide("slow");
而不是

$('.full-width-add').hide("slow");
$('.ads关闭btn')。单击(函数(){
$(this).parents('.full-width add:first').hide(“slow”);
});
.a\u文本{
颜色:红色;
}

一些文本
一些文本
一些文本
一些文本

使用
父项
功能添加

$('.ads-close-btn').click(function() {
    $(this).parents('.full-width-add').hide("slow");
  });
当你写作时

$('.full-width-add')
实际上,您正在使用.full width add类选择所有元素

尝试将您的功能替换为:

$('.ads-close-btn').click(function() {
$(this).parent().hide("slow"); 
});

这样,您只需选择关闭按钮的父按钮。

尝试将
与jquery
最近()相结合。


下面是相同的代码片段

$('.ads关闭btn')。单击(函数(){
var curId=$(this.attr('id');
$('#div'+curId).hide(“slow”);
});
警报(“我的主要问题是如何仅隐藏当前div”)
.a\u文本{
颜色:红色;
}

一些文本
一些文本
一些文本
一些文本

只回答正确的
最近的()
而不是
父类()
/
父类()
@freedomn-m这里的
.parent()
有什么问题……所有的div都是不同的,所以
.parent()
在这里可以正常工作。@GauravAggarwal“在这里可以正常工作”,在这个特定的实例上-是的。明天OP决定添加一个编辑按钮,为了整洁起见,希望将其放在关闭按钮旁边的一个框中,即在当前“父项”和当前“关闭”之间有一个额外的
div
。。。代码停止工作,OP不知道为什么。为什么?因为他们使用了
parent()
,这太死板了,并且将代码锁定在html布局中,这是没有理由的。
$('.ads-close-btn').click(function() {
$(this).closest('.full-width-add').hide("slow"); 
});