Question

我有8个divs id =＆＃34; div1＆＃34;，＆＃34; div2＆＃34;，＆＃34; div3＆＃34; .... 和 class = divs 。我还有button class =＆＃34; div1＆＃34;，＆＃34; div2＆＃34;，＆＃34; div3＆＃34; .....

当我点击button id =＆＃34; div1＆＃34; 时，它会首先删除所有 class =＆＃34; selected＆＃34; 到拥有 class =＆＃34; divs＆＃34; 的所有div，然后只有div id =＆＃34; div1＆＃34; 将选择class 。等等......

我想使用document.getElementByClass()删除class，但它无法在 FIDDLE 中使用。：（

相反，我被迫使用document.getElementsByClassName()[]。但是编码似乎很难，因为它要求我为classname添加特定的数组。

这正是我想要实现 FIDDLE

Answer 1

由于某种原因，没有getElementByClass：与id不同，class未在文档中指定为唯一。你会得到哪个元素？不，你需要能够获得所有这些。如果你得到一个数组，那就通过循环来解决，而不是通过重复每个索引的行来解决：

然而，您的设计效率低下;如果你已经在使用jQuery，你可以非常紧密地编写它。这会更好：

<button class="divbuttons" data-div="div1">div1</button>
<button class="divbuttons" data-div="div2">div2</button>
...

然后你可以：

$(document).ready(function(){
  $('.divbuttons').click(function() {
    var div = $(this).data("div");
    $('.divs.selected').removeClass('selected');
    $('#' + div).addClass('selected');
  });
});

Answer 2

这很简单。没有document.getElementByClass

您有document.getElementById或document.getElementByClassName

Answer 3

没有getElementByClass（）这样的东西，因为多个元素可以具有相同的类。 getElementById（）（元素具有唯一ID，或者至少它们应该是）和getElementsByClassName（），它返回与指定类匹配的所有元素的数组。

Answer 4

试

$(document).ready(function () {

    $("button[class^=div]").click(function () {

        $(".divs.selected").removeClass("selected");

        $("#" + $(this).attr("class")).addClass("selected");

    });
});

我强迫使用getElementsByClassName（）[]而不是getElementByClass（）

4 个答案:

DEMO