Skop JavaScript: Bagaimana untuk beroperasi hanya pada elemen tertentu?
P粉884548619
P粉884548619 2023-09-08 20:36:06
0
1
620

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>

P粉884548619
P粉884548619

membalas semua(1)
P粉431220279

Jadi penyelesaiannya (berdasarkan jawapan Anass Kartit) adalah ini:

jQuery(document).ready(function($) {
    $(".clickSlide").click(function(){
        $(this).children(".sub_menu").toggleClass("open");
    });
});
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan