从父 jquery 获取特定类的编号

Question

所以我在一个在线网站上有这个结构：

<div class="main">
<div class="child-one"></div>
<div class="child-one"></div>
<div class="child-two"></div>
<div class="child-two"></div>
</div>

现在我想使用纯 jquery 查找基本div 中的.child-two数，最好使用结构：$(selector).someFunction()。

我已经尝试过这些：

$('.main .child-two').length; //does not work -> undefined
$('.main').find('.child'); // does not work -> Uncaught TypeError: $(...).find is not a function

哪个不起作用。

有什么想法吗？

提前谢谢。

Answer 1

您的主目录中似乎没有包含jQuery，并且为您提供的这段代码$('.main .child-two').length工作正常。您可以在jQuery或javaScript谢谢中尝试此操作。

例如

/* JQUERY */
console.log($('.main .child-two').length);

/* JAVASCRIPT  */  
var parent = document.querySelector(".main").children;
parent[2].innerHTML = "Hello World"; // examples
parent[2].classList.add("active"); // examples

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="main">
<div class="child-one"></div>
<div class="child-one"></div>
<div class="child-two"></div>
<div class="child-two"></div>
</div>