Jquery 自动完成后向项目添加类

我正在寻找jQuery代码，如果我单击id为group的div，就会在前面的代码中添加一个类

<div class="contact-form-conditional">
  <div id="group-805" data-class="wpcf7cf_group" class="wpcf7cf-hidden"></div>
  <div id="group-806" data-class="wpcf7cf_group" class="wpcf7cf-hidden"></div>
  <div id="group-807" data-class="wpcf7cf_group" class="wpcf7cf-hidden"></div>
  <div id="group-808" data-class="wpcf7cf_group" class="wpcf7cf-hidden"></div>
  <div id="group-809" data-class="wpcf7cf_group" class="wpcf7cf-hidden"></div>
  <div id="group-810" data-class="wpcf7cf_group" class="wpcf7cf-hidden"></div>
</div>

---

但是，这只会向刚刚单击的类添加一个类。你知道怎么做吗？

这应该可以

$'。联系表单条件。wpcf7cf隐藏。单击，函数{ $this.prev.toggleClass'focused' }

它选择上一个元素并切换焦点类。

我认为您正在尝试将类从当前div添加到上一个div

HTML代码

Jquery

---

我希望这将对您有所帮助。

只需迭代该类，删除现有的类并添加到上一个类中即可

$'.wpcf7cf隐藏'。在“单击”时，函数{ $.wpcf7cf-hidden.eachfunction{ $this.removeClassfocused； } $this.prev.addClass“聚焦”； } .专注{ 边框：1px纯红； } 1. 2. 3. 4. 5. 6.

---

相反，如果jQuery，您可以简单地编写$。i、 你的逻辑似乎与你对这个问题的描述完全不一致。也就是说，你可以使用以类为中心的类，然后使用prev来做你需要做的事情：$'.wpcf7cf hidden.focused.prev.addClass'focused'非常感谢你我一直在寻找这个，再次感谢你非常感谢你，也许Sumodh Nair的解决方案更好，但是再次感谢你非常感谢你，也许Sumodh Nair的解决方案更好，但是再次感谢

<div class="contact-form-conditional">
    <div id="group-805" data-class="wpcf7cf_group" class="wpcf7cf-hidden divClass">1</div>
    <div id="group-806" data-class="wpcf7cf_group" class="wpcf7cf-hidden divClass">2</div>
    <div id="group-807" data-class="wpcf7cf_group" class="wpcf7cf-hidden divClass">3</div>
    <div id="group-808" data-class="wpcf7cf_group" class="wpcf7cf-hidden divClass">4</div>
    <div id="group-809" data-class="wpcf7cf_group" class="wpcf7cf-hidden divClass">5</div>
    <div id="group-810" data-class="wpcf7cf_group" class="wpcf7cf-hidden divClass">6</div>
</div>

<script>
$(document).on('click','.divClass',function(){
$(".divClass").each(function(){
    $(this).removeClass("focused");
})
$(this).prev().addClass('focused');
})
</script>