我正在尝试使用nth-child()方法为特定的div元素引入新类,但是它不起作用!难道我做错了什么?(请注意,在CSS部分中已经定义了menu,container和newClass,在此不再赘述。)这是我正在尝试的:
$(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>
这里有两个div
元素,每个元素只有一个孩子,并且您试图选择第二个不存在的孩子div:nth-child(2)
还需要添加()
$(function() {
$("button").click(function >> () << {
$("div:nth-child(2)").toggleClass("newClass");
});
});
您的代码中有很多错误。您要添加哪个类div
?我认为您的代码应该像这样
newClass
$(function() {
$("button").on('click', function() {
$("ul li:nth-child(2)").toggleClass("newClass");
});
});