jquery 코드 실행이 안됩니다.
본문
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
예제 코드입니다.
<ul>
<li class="my_li">aaa</li>
<li class="my_li">bbb</li>
<li class="my_li">ccc</li>
</ul>
<script>
$(document).ready(function () {
var test = document.getElementsByTagName("li");
$('.my_li').hover(
function() {
$(this).addClass('on');
},
function() {
$(this).removeClass('on');
}
);
});
</script>
※ 참고글입니다. 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
답변을 작성하시기 전에 로그인 해주세요.