Ryusuke Fuda's Tech Blog

Softweare Enginier about Web, iOS, Android.

要素の取り方(Javascript,jQuery)

表示中のURLを取得

var url = location.href;

URLの中でURLのサーチ情報(?で始まる検索クエリ部分)を取得

var url_search = location.search;


<li class="navigation">
    <a href="http://www.abc.jp">リンク</a>
</li>

http://www.abc.jpだけを取得

var url_link = $(".navigation a");


<li class="navigation">
    <a href="http://www.abc.jp">リンク1</a>
    <a href="http://www.def.jp">リンク2</a>
    <a href="http://www.ghi.jp">リンク3</a>
    <a href="http://www.jkl.jp">リンク4</a>
</li>

アンカーの数取得

var url_link = $(".navigation a").length;

デバックすると4とでる

アンカーの中で1個目だけを取得

var url_link = $(".navigation a").eq(0);

配列のように取れる。2個目はeq(1)