在div中按类名切换()元素

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的超级初学者，不太熟悉while循环：/

Answer 1

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

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

这会在id为"foo"的元素上创建一个点击事件，它会找到元素中的每个元素，并从中删除类"removeme"

我会使用JQuery来完成这项工作：

$("#foo").find("div").removeClass("removeme");

这将查找#foo的所有子级，并删除类.removeme。