2018年09月11日(火)
jQueryで自分自身を含めた要素を取得する方法
jQueryを使ってHTML要素の取得をする際には
「.html()」メソッドなどを使用することが多くありますが
自分自身を含めた要素を取得したい場合には「.html()」メソッドでは
思い通りにいかなかったりします。そのような場面で自分自身を含めた要素を取得する方法を
自分用のメモ書きとしてご紹介してみます。jQueryで自分自身を含めた要素を取得する方法
例として下記のようなHTML構成の要素があったとします。
◆HTMLこのテキストはダミーです
このID「#example」に対して、
◆SCRIPT var html = $('#example').html();
「.html()」メソッドを使って要素を取得する場合は以下のようになります。この「.html()」メソッドを使って取得した
◆取得結果
結果はidの中身となる下記の部分しか取得できません。このテキストはダミーです
「#example」の中身だけが取得された状態になります。
これを自分自身となるID「#example」を含めた形で取得させるには
「.prop(‘outerHTML’)...
0
13
5
9author:
BlackFlag
マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログ
‹ PREV
ナビゲーションにスクロール機能をつけてレスポンシブに「Priority Nav Scroller」
NEXT ›
[ユーザー投稿] 【無料セミナー】「MAを導入しただけ」「メール配信だけ」から脱却したい方必見！ ～コンテンツとデータ活用で変わるB2B企業のデジタルマーケティング～
Ads
マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログBlackFlagの記事『jQueryで自分自身を含めた要素を取得する方法』についてまとめています。
この記事は特にjQueryについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のBlackFlagで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとBlackFlagの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
