jquery로 span태그나 li태그를 이용할 때 location.href 꼼수

보통 span태그나 li태그 사용시에 이렇게 하시는 분들 많을 거라 생각됩니다.

<span><a href=""></a></span>

쪼금 비효율적인데, 살짝쿵 꼼수를 알려드릴까 합니다.

<div id="main">
<span href=""></span>
<li href=""></li>
</div>
라고 적고

<style>
#main span { cursor: pointer; }
#main li { cursor: pointer; }
</style>
이렇게 커서를 포인터로 해주고

$(function() {

$("#main li").click(function() {

document.location.href = $(this).attr("href");
});

$("#main span").click(function() {
document.location.href = $(this).attr("href");
});

하시면 됩니다.


이거보다 더 편한게 있었군요..

onclick이벤트 주는거 -_-