javascript - 查找并删除类

Question

我有以下结构:

<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");


        });
    });

尝试实现类似上面的东西，但不起作用。有什么想法吗？

Answer 1

未回答，但供 Google 员工引用 - 普通用于查找类(class)和删除类(class)的 Javascript 选项

// Finding all elements of a class (creates an array of results)
let x = document.getElementsByClassName("today");

// If it exists, remove it.
if(x.length > 0) { x[0].classList.remove("today"); }