Saya mempunyai kod JS yang sangat mudah yang hanya melakukan satu perkara, iaitu menogol kelas open
类。问题是,我有4个重复的.clickSlide
元素和.sub_menu
元素,当我点击其中一个元素触发代码时,所有元素都会得到open
类。只有其中一个关注的元素应该得到open
pada elemen tertentu pada halaman.
Tekaan terbaik saya ialah ada sesuatu yang hilang this
dalam JS. Tetapi saya terbuka kepada penyelesaian untuk masalah ini!
jQuery(document).ready(function($) { $(".clickSlide").click(function() { $(".sub_menu").toggleClass("open"); }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="ht_course_one"> <ul class="select-menu dropdown"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div> <div class="ht_course_two"> <ul class="select-menu"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div> <div class="ht_course_three"> <ul class="select-menu"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div> <div class="ht_course_four"> <ul class="select-menu"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div>
Jadi penyelesaiannya (berdasarkan jawapan Anass Kartit) adalah ini: