时间戳

首页 > 解决方案 > 将此js代码转换为jquery

javascript - 将此js代码转换为jquery

问题描述

我有以下来自 w3 学校的 JavaScript 代码，我想将其转换为 jQuery，但我不知道如何。任何帮助是极大的赞赏。

    var dropdown = $(".dropdown-section");
    var i;

    for (i = 0; i < dropdown.length; i++) {
      dropdown[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var dropdownContent = this.nextElementSibling;
        if (dropdownContent.style.display === "block") {
          dropdownContent.style.display = "none";
        } else {
          dropdownContent.style.display = "block";
        }
      });

标签： javascriptjquery

解决方案

您的代码已经包含 jquery。看来您要删除addEventListener并检查 css 属性。

获取下一个兄弟使用 jquerynext并获取样式使用css属性

$(".dropdown-section").on('click',function(){
        $(this).toggleClass('active');
        let nextSibling = $(this).next()
        if(nextSibling.css('display')==='block'){
          nextSibling.style.display ="none";
        }
        else{
          nextSibling.style.display ="block";
        }
  });

推荐阅读