javascript - 在 div 中按类名 Toggle() 一个元素

Question

我正在尝试编写一个 javascript/jquery 函数，该函数查看具有特定 ID 的 div 内部，并从具有特定类的任何子 div 中删除特定类。

例如该函数应该从 div id="foo" 内的任何 div 中删除类 removeme:

<div id="foo" onClick="openGame('foo')">
    <div class="bar removeme"></div>
</div>

我尝试编写这个函数:

function openGame(divid) {
    var container = document.getElementById(divid);
    var responses = container.getElementsByClassName("bar");
    while (responses[0]) {
        responses[0].removeClass('removeme');
    };
}

请注意，我是 JS 的 super 初学者，并且不太熟悉 while 循环:/

Answer 1

如果你想使用 jQuery 来实现这一点。

$(document).ready(function() {
    $('div#foo').click(function() {
        $(this).find('.removeme').removeClass('removeme');
    });
});

这会在 id 为“foo”的元素上创建一个点击事件，该事件将找到其中的每个元素并从中删除“removeme”类。