BLOGスタッフブログ

[jQuery] 属性の取得について

こんにちは。
業務でよくattrメソッドを使用するのですが、「class」「id」「name」などの属性を取得する際、
微妙に書き方が違いその都度調べているので、今回は属性を取得する方法をまとめました。

// フォーム
<input type="text" name="name-test" id="id-test" class="class-test">

// classを取得する場合
$('.test').attr('class');

// idを取得する場合
$('#test').attr('id');

// nameを取得する場合
$('input[name="user-email"]').attr('name');

// idを変換する場合
$('#test').attr('id','id-kakikae');

// 前方一致でヒットしたidを変換する場合
$("[id^=te]").attr('id', 'id-kakikae');

// 後方一致でヒットしたidを変換する場合
$("[id$=te]").attr('id', 'id-kakikae');

// 部分一致でヒットしたidを変換する場合
$("[id*=te]").attr('id', 'id-kakikae');



いかがだったでしょうか?
今後もjQueryに関する記事を投稿しますのでお楽しみに。

高木 祐玖が書いた他の記事

見積もり・ご依頼など、
お気軽にご相談ください

本サイトはユーザーエクスペリエンスの向上などを目的に、Cookieを使用しています。
右記のバナーで「同意する」をクリックする、または本サイトを利用することにより、
お客様は弊社のCookieポリシーに同意したことになります。

同意します