javascript - 替换类名在 jquery 中不起作用

Question

我有一个 html 片段

 for (i = 0; i < 3; i++) {
        if ($("div.mm-panels").children()[i].getAttribute("id") == "m2") {
            var a = $("div.mm-panels").children()[i].getAttribute("class");
            console.log(a);
            var f = a.replace(a, "mm-panel mm-hasnavbar mm-opened");
            alert("class name chnge to : " + f);

        }
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mm-panels">
       <div class="mm-panel mm-hidden mm-hasnavbar" id="m0"></div>
       <div class="mm-panel mm-hasnavbar mm-opened" id="m1"></div>
       <div class="mm-panel mm-hidden mm-hasnavbar" id="m2"></div>
    </div>

我想找到 id="m2"的 mm-panel 的子级，并将类名替换为“mm-panel mm-hasnavbar mm-opened”，其他子级将类名替换为“mm-panel mm” -隐藏mm-hasnavbar”。

但没有替换。我该怎么做？

Answer 1

您的替换仅替换字符串“a”并将其保存到新字符串“f”中。

要设置元素的类，请使用$("div.mm-panels").children()[i].setAttribute("class",f)

for (i = 0; i < 3; i++) {
        if ($("div.mm-panels").children()[i].getAttribute("id") == "m2") {
            var a = $("div.mm-panels").children()[i].getAttribute("class");
            var f = a.replace(a, "mm-panel mm-hasnavbar mm-opened");
            $("div.mm-panels").children()[i].setAttribute("class",f)
        } else {
            var a = $("div.mm-panels").children()[i].getAttribute("class");
            var f = a.replace(a, "mm-panel mm-hidden mm-hasnavbar");
            $("div.mm-panels").children()[i].setAttribute("class",f)
        }
        
        
        $("div.mm-panels").children()[i].innerText = $("div.mm-panels").children()[i].getAttribute("class")
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mm-panels">
       <div class="mm-panel mm-hidden mm-hasnavbar" id="m0"></div>
       <div class="mm-panel mm-hasnavbar mm-opened" id="m1"></div>
       <div class="mm-panel mm-hidden mm-hasnavbar" id="m2"></div>
    </div>