「jQuery入門」クリックしたリンクURLを取得するサンプル

2017年6月8日2017年9月14日

htmlコード
<div class="navi">
<ul>
<li><a href="http://www.example.com/index?page=10″>data10</li>
<li><a href="http://www.example.com/index?page=20″>data20</li>
<li><a href="http://www.example.com/index?page=30″>data30</li>
</ul>
</div>

 

jqueryコード
$(document).on('click’, '.navi a’, function() {
val = $(this).attr(“href");
alert(val);
});