jQueryでaﾘﾝｸにｲﾍﾞﾝﾄを設定するﾓﾀﾞﾝな書き方を教えてください
ﾘﾝｸにｸﾘｯｸｲﾍﾞﾝﾄを設定するとき
最初
<a href="#" onClick="jump(1);">ﾍﾟｰｼﾞ1</a>
<a href="#" onClick="jump(2);">ﾍﾟｰｼﾞ2</a>
function jump(page) {
location.href = 'http://hoge' + page;
}
としてましたが､なんとなくjQueryでﾛｰﾄﾞ時にｲﾍﾞﾝﾄを設定する方が良いのかなと思って､以下のように直しました
$(function(){
$("#one").click(function(){
location.href = 'http://hoge' + 1;
});
$("#two").click(function(){
location.href = 'http://hoge' + 2;
});
});
<a href="#" onClick="jump();" id="one">ﾍﾟｰｼﾞ1</a>
<a href="#" onClick="jump();" id="two">ﾍﾟｰｼﾞ2</a>
としたのですが､なんか冗長な気がします｡どのように書くのがｽﾏｰﾄでしょうか｡
aﾘﾝｸのhref属性が｢#｣になってしまっているのも微妙な気がします｡
ﾓﾀﾞﾝなのかどうか分かりませんが､自分ならこう書きます｡
$(function(){
$(".jump").on('click',function(event){
event.preventDefault();
event.stopPropagation();
location.href = 'http://hoge' + $(this).attr('href');
return false;
});
});
<a href="1" class="jump">ﾍﾟｰｼﾞ1</a>
<a href="2" class="jump">ﾍﾟｰｼﾞ2</a>
ﾍﾞｽﾄｱﾝｻｰ