jQueryで属性の内容を前方一致で探す

YY3ai2ui24 74views 更新:2016年1月27日

jQueryはクラスやidなので、絞る方法がメジャーですが、もっと柔軟にDOMを検索できます。

<div name="hoge"></div>
<div id="foo-1"></div>
<div id="foo-2"></div>
<div id="foo-3"></div>
<script>
// nameがhogeの要素を探す
$("[name='hoge']")

// idがfoo-1の要素
$("#foo-1")

// idの前方がfooのもの全て
$("[id^='foo']")

</script>

このように、[属性名^=検索対象文字列]とすれば、一致するものを全て取得してくれます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません