테스트 사이트 - 개발 중인 베타 버전입니다

jquery 코드 실행이 안됩니다. 채택완료

nickname123 6년 전 조회 2,351

li를 클릭하면 해당li에 class on을 부여하는 함수입니다.

$(document).ready(function () {     var test = document.getElementsByTagName("li");     $(test).onmouseup(function () {                  $(test).click(function(){                                  if ($(this).hasClass("on")) { // 클릭한 요소가 clicked이라는 클래스명을 가지고 있을 때

            $(this).removeClass("on");         } else {             $(this).addClass("on");         }                                                })  

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
6년 전

예제 코드입니다.

</p>

<p><ul>

    <li class="my_li">aaa</li>

    <li class="my_li">bbb</li>

    <li class="my_li">ccc</li>

</ul>    </p>

<p><script>

$(document).ready(function () {

    var test = document.getElementsByTagName("li");

    $('.my_li').hover(

        function() {        

            $(this).addClass('on');

        },

        function() {

            $(this).removeClass('on');

        }

    );

});    

</script></p>

<p>

 

※ 참고글입니다. https://stackoverflow.com/a/275912

https://webisfree.com/2015-11-25/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-hover()-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B0%B0%EC%9A%B0%EA%B8%B0">https://webisfree.com/2015-11-25/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-hover()-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B0%B0%EC%9A%B0%EA%B8%B0

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인