Javascript 如何删除与父类的id和类都匹配的特定类的元素？

我已经实现了一个函数，可以在单击1-5中的任何按钮时添加活动的类

$('#live-chat').on('click', '.circle', function(){
if ($(this)[0]['class']!=='circle active') { $(this).addClass("active") } 

现在您可以看到，活动类位于按钮2上，显示它已被选中。但是，我想从2中删除用户所处的特定问题\u id的活动类

<div class='container' id='" + item.question_id + "'>
<div class='progress required' id='progress' surveyType='Individual'></div>
<div class='progress-container' id='" + item.question + "' name='number_scoring'>
<div class='circle' id='" + item.question_id + "' value='1'>1</div>
<div class='circle active' id='" + item.question_id + "' value='2'>2</div>
<div class='circle' id='" + item.question_id + "' value='3'>3</div>
<div class='circle' id='" + item.question_id + "' value='4'>4</div>
<div class='circle' id='" + item.question_id + "' value='5'>5</div>
</div></div></div></div></div>"

应该是：

$(`#${scoring_question_id}.container`).removeClass("active");

所以没有空间

如果您有一个id和类为的HTML元素，例如：

<div class="world" id="hello"></div>

例如，如果您有一个嵌入式元素，例如：

<div class="hello"><div id="world"></div></div>

您可以使用

sides（）.removeClass（“active”）

从其他div中删除活动类，然后使用

toggleClass（“active”）

从单击的div中添加/删除活动类。此外，对于多个元素，您不能有相同的ID，因此请使用

data-*

属性或类

演示代码：

$（'live chat'）。在（'click'，'circle'，function（）上{
$（this）.sibles（）.removeClass（“active”）//从同级中删除活动类
$（this）.toggleClass（“active”）//添加或从单击的类中删除
})

.active{
颜色：红色；
}

问题1：
1.
2.
3.
4.
5.
问题2：
1.
2.
3.
4.
5.

$('#hello.world');

<div class="hello"><div id="world"></div></div>

$('.hello #world') // with spacing