私は完全に機能している機能を持っています。現在、クライアントの要件は、js に他のファイルを使用したくないということです。そのため、この関数を純粋な JavaScript、つまり jQuery を使用しないものに変更しました。私はどこから始めるべきか混乱しています。
jQueryの.size
メソッドに似たJavaScript関数を教えてください。
<div class="wrap">
<ul>
<li>
<div class="first">
<div class="second"></div>
</div>
</li>
<li>
<div class="first">
<div class="active"></div>
</div>
</li>
<li>
<div class="first">
<div class="second"></div>
</div>
</li>
</ul>
<a href="#" id="next">Next</a>
</div>
var $firstSecond = $('.second').eq(0);
$('#next').click(function() {
var $active = $('.active');
var $nextSecond = $active.closest('li').next().find('.second');
$active.toggleClass('active second');
if ($nextSecond.size() != 0) {
$nextSecond.toggleClass('second active');
} else {
$firstSecond.toggleClass('second active');
}
});