尝试单击按钮以引入新的新类的切换方法

问题描述 投票:0回答:2

我正在尝试使用nth-child()方法为特定的div元素引入新类,但是它不起作用!难道我做错了什么?(请注意,在CSS部分中已经定义了menucontainernewClass,在此不再赘述。)这是我正在尝试的:

$(function() {
  $("button").click(function {
    $("div:nth-child(2)").toggleClass("newClass");
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Toggle CSS</button>
<div class="container">
  <div class="menu">
    <lu>
      <li>option 1</li>
      <li>option2</li>
      <li>option 3</li>
    </lu>
  </div>
</div>
html jquery css toggle
2个回答
0
投票

这里有两个div元素,每个元素只有一个孩子,并且您试图选择第二个不存在的孩子div:nth-child(2)

还需要添加()

$(function() {
  $("button").click(function >> () << {
    $("div:nth-child(2)").toggleClass("newClass");
  });
});

0
投票

您的代码中有很多错误。您要添加哪个类div?我认为您的代码应该像这样

newClass
$(function() {
  $("button").on('click', function() {
    $("ul li:nth-child(2)").toggleClass("newClass");
  });
});
© www.soinside.com 2019 - 2024. All rights reserved.