システムエンジニア
Yuki Takagi
2022.06.27 システム
[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に関する記事を投稿しますのでお楽しみに。
