system
高木 祐玖

2022.6.27システム開発 

システムエンジニア

高木 祐玖

2021年8月1日「マリンロード」は「インソースマーケティングデザイン」へ社名を変更いたしました

[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に関する記事を投稿しますのでお楽しみに。

GA4初期設定 コンバージョン設定 全ページ図解付き! ダウンロードはこちら 現役ウェブ解析士が教えるWebサイトの読み解き方 イメージ
システム開発サービスはこちら
ページTOPへ