Jscript更改css class VS Json

Question

我的 html 页面上有这个 div

<div class="circle active" id="prg_inizio"> bla bla bla </div>

在 Ajax 调用之后，我有一个 JSON 结果，我想将 class 名称从“圈活动”更改为“圈完成”。

我试过这个，但它似乎不起作用。

$("prg_inizio").removeClass("active"); 
$("prg_inizio").addClass("done");

JS Script GEt elements by id 完美运行。

document.getElementById("prg_inizio").classList.remove('active');
    document.getElementById("prg_inizio").classList.add('done');

Answer 1

如果你想使用id然后#在选择器前面，如果class然后. 在选择器前面。

你必须这样做

$("#prg_inizio").removeClass("active"); 
$("#prg_inizio").addClass("done");

 //$("#prg_inizio").removeClass("active"); //$("#prg_inizio").addClass("done"); document.getElementById("prg_inizio").classList.remove('active'); document.getElementById("prg_inizio").classList.add('done');

 .circle { padding: 10px; }.active { background: orange; }.done { background: green; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div class="circle active" id="prg_inizio"> bla bla bla </div>