javascript - 查找并删除类(class)

我有以下结构：

<li id="0" class="instruction">
        <div class="row1">
            title
        </div>
        <div class="row2 details hidden">
            details
        </div>
    </li>

隐藏的CSS是：display: none

我想当用户单击说明时，然后显示详细信息div。

$(document).ready(function () {
        $(".instruction").click(function(e){

            $(e).find('.details').removeClass("hidden");


        });
    });

试图实现类似上面的内容，但是不起作用。任何想法？

最佳答案

您已经编写了“ .instructionRow”，但根据html，它应该是“ .instructionRow”。并使用$（this）引用被单击的元素。而且'on'（https://api.jquery.com/on/）的用法更好...

$(document).ready(function () {
    $(".instruction").on('click', function(e){
        $(this).find('.details').removeClass("hidden");
    });
});

关于javascript - 查找并删除类(class)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23457205/