제이쿼리를 자바스크립트로 변경하고 싶습니다. 채택완료

</p>

<p><style>

#contentsWarp .pass ul li {

    cursor: pointer;

}

.on {

    background-color: #eee;

}

</style></p>

<p><div id="contentsWarp">

    <div class="pass">

        <ul>

            <li>aaaaaaaaaaaaaaaaaaa</li>

            <li>aaaaaaaaaaaaaaaaaaa</li>

            <li>aaaaaaaaaaaaaaaaaaa</li>

            <li>aaaaaaaaaaaaaaaaaaa</li>

            <li>aaaaaaaaaaaaaaaaaaa</li>

        </ul>

    </div>

</div></p>

<p><script>

// $(function(){

//     $('#contentsWarp .pass ul li').hover(function(){

//         $(this).addClass('on').siblings('li').removeClass('on');

//     })

// })  </p>

<p>document.querySelectorAll('#contentsWarp .pass ul li').forEach(function (el) {

    el.addEventListener('mouseenter', function () {

        this.className = 'on';

    });

    el.addEventListener('mouseleave', function () {

        this.className = this.className.replace(/(?:^|\s*?)on(?:\s*?|$)/, '');

    });

});

</script></p>

<p>