15:10:14TwitterFacebookはてブPocketLINEjQueryはJavaScriptでありながら、HTMLのタグに対して処理を行うという点ではCSSに近い性質を持っています。idの指定や取得はjQueryの基本とも言えるでしょう。取得を含めて少し応用的なidに対する処理についてもコードを紹介しますが、基本的に難しいことはないかと思います。安心して読み進めてください。各ソースコードに対して文章での解説も行いますが、おそらくだいたいのソースコードはjQueryやJavaScriptをあまり見たことがなくても直感的にわかるレベルかと思います。直感的にわかるだけだとなんとなくモヤモヤした感じが残ったり、厳密には勘違いしているパターンもあります。直感的な理解にプラスして理論的な解説を付け加えていくようなイメージです。案件に参画後もしっかりサポートjQueryでid取得する方法jQueryでidを取得する方法ですが、さっそくソースコードで確認していきましょう。);</script></body>上記のサンプルコードでは、変数idに取得したidを格納するために、attr()メソッドを使用しています。divタグに対してattr()メソッドを使用し、idを取得しています。最後に取得したidを出力しているため、コンソールには以下のように出力されます。idSamplepタグではなくdivタグに対してattrメソッドを使用したため、divタグの要素であるidSampleが取得されます。次に、idの追加、変更を行う方法を紹介します。);</script></body>上記のソースコードを実行すると、コンソールには以下のように出力されます。......]idが指定されていないpタグに対してid名textの設定を行いました。attr()メソッドの第2引数は追加したid名や新しく変更したいid名を記述する仕様になっており、上記の場合idの追加を行いました。);</script></body>上記のソースコードを実行すると、コンソールには以下のように出力されます。......]もともとpタグのidはtextでしたが、それがsampleに変わりました。ちなみにコンソール出力した際にdivタグの場合はそのまま要素が出力されて、pタグの場合p#が付いていますが、そういう仕様です。idを削除する方法idの削除も取得や追加や変更同様難しいものではないのですが、メソッドが変わります。今まではattr()メソッドを使用していましたが、削除の場合はremoveAttr()メソッドを使用します。サンプルコードは以下です。);</script></body>上記のソースコードを実行すると、以下のようにコンソール出力されます。......]もともとpタグにはtextというidが付与されていましたが、removeAttrによってidが削除されました。上で説明してきた方法では、タグに対してattrやremoveAttrメソッドを使用することでidに対して処理を行っていました。メソッドを使用せずに直接セレクタ指定をすることも可能です。具体的には以下のサンプルコードのようになります。'#text';$(id);</script></body>上記のサンプルコードでは二か所でセレクタ指定でidを取得しています。記述する方法でも変数に入れる方法でもどちらでも処理としては同じです。取得するだけならどちらでも良いのですが、その後何らかの処理で使用するなら変数に入れた方が汎用性は高いと言えるでしょう。以下のように特定の属性が付いているidのみを指定して取得することも可能です。);</script></body>上記のソースコードを実行すると、以下のようにコンソール出力されます。......]pタグのid名ではなく、hiddenという属性に対して要素取得を行いました。pタグ自体は三つありますが、hiddenの属性を持つのはidがtext1のもののみです。そのため、text1というidが取得されました。上で解説してきた方法では特定のidのみを取得してきましたが、すべてのid、もしくは条件に合致するidのみを取得する、という方法もあります。);</script></body>上記のソースコードを実行すると、以下のようにコンソール出力されます。......]ソースコードのなかの「$(‘p[id]’)」ですべてのid属性をしていしているため、pタグのなかでidが付与されているすべてのidが取得されました。具体的には、text1、text2、text3の三つです。次に、条件に合致するidのみを取得することも可能です。);</script></body>上記のソースコードを実行すると、以下のようにコンソール出力されます。......]まず、「$(‘p[id^=text]’)」はidの先頭にtextが入っているものを表しています。次に、「$(‘p[id$=e]’)」はidの最後にeが付いているものを表しています。その結果、それぞれの条件に合致するidが取得できました。以上のような方法によって、idを取得することができます。非常に簡単なので書いても良いですし、上のソースコードのフォームをコピペしてもOKです。案件量が豊富なアルマサーチ最後に、アルマサーチのご紹介!アルマサーチはフリーランス向けに案件をご紹介することに特化したエージェントサービスです。豊富な案件量から、安定して継続的な案件のご紹介を実現しており、口コミから登録エンジニアが急増中です。週3?4日の案件や在宅リモート案件も。優秀なコンサルタント陣。案件に参画後もしっかりサポート。豊富な案件量フリーランス向けに特化し、業界屈指の案件量を誇ります!週3?4日の案件や、在宅リモート案件もありますし、その他あらゆる希望をしっかりお伝えください。最適な案件のご紹介をさせていただきます。技術に疎く、開発の希望を伝えても響かないエージェント・・・嫌ですよね。アルマサーチにはそのような者は一切おりません!さらに独立にまつわる税金や保険関係に詳しいスタッフが徹底的にサポートさせていただきます。案件に参画後もしっかりサポート常駐先が決まった瞬間に、一度も連絡が取れなくなるエージェント・・・いますよね?アルマサーチでは、そのようなことは一切ありません!常に電話やメールは即対応しますし、月に1度のランチミーティングなどから現場の状況を細かくヒアリングし、就業環境改善に尽力いたします。