javascript - 使用 jQuery 删除父 Div 内的 Div 类

Question

我在图像顶部有一个 div。我想使用 jQuery 单击事件来删除(或更改 div 类)图像单击时的 div。

div 结构。

<div class="post">

<img class="thumb" src="MyImg.jpg">

<div class="show-div"></div>

</div>

我想将类 show-div 切换为 remove-div。

这是我的 jQuery

$(document).ready(function(){
$(".thumb").click( function(){

    $(this).parent().('.show-div').toggleClass('remove-div'); 
   });
});

我已经创建了remove-div 类，以便在CSS 样式表中不显示任何内容。但这似乎不起作用。我也尝试过

$(this).parent().find('.show-div').toggleClass('remove-div');

请注意，这是一个 PHP while 循环，并且该页面上会有多个 div。

如果有人能指出我执行此操作的正确方法，那将是最合适的。

Answer 1

试试这个:

$(document).ready(function(){
$(".thumb").click( function(){
    $(this).parent().find('div.show-div').removeClass('show-div').addClass('remove-div'); 
   });
});