質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

4回答

1723閲覧

要素の取得方法について

buibui80

総合スコア1033

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2015/08/03 02:32

html

1<div> 2 <div class="alert_001"> 3 <span>メッセージ1</span> 4 </div> 5 <div class="alert_002"> 6 <span>メッセージ2</span> 7 </div> 8 <div class="alert_003"> 9 <span>メッセージ3</span> 10 </div> 11</div>

の時、

javascript

1$('.alert_001').html()

とすると、"alert_001"の<span>メッセージ</span> が取得できますが、

<div class="alert_001"></div>自体を取得したい時はどのようにすれば良いでしょうか?

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答4

0

jQuery 使わない書き方ならこれで

javascript

1var elms = document.getElementsByClassName( "alert_001" ); 2var content = elms[0].outerHTML;

同一クラス名の全てが取得できる(配列になる)点に注意が必要です

投稿2015/08/03 03:03

編集2015/08/03 03:06
takito

総合スコア3111

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

buibui80

2015/08/03 03:13

outerHTMLでとれました。 確かにクラス指定なので注意が必要ですね。 ありがとうございます!
guest

0

ご質問内容は、自分自身のhtmlを取得したいという意味でしょうか。
認識に相違がない場合、以下で取得可能と思います。

JavaScript

1// jQueryオブジェクトからDOM Elementを取得 ⇒ outerHTMLを取得 2$('.alert_001').get(0).outerHTML

誤っていたら申し訳ございません。
ご確認の程、よろしくお願い致します。

投稿2015/08/03 02:59

rosettesnow

総合スコア38

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

buibui80

2015/08/03 03:13

outerHTMLでとれました。 ありがとうございます!
guest

0

ベストアンサー

このあたりが参考になりそうです。
jQuery で自分自身のHTMLを取得する

jQuery単体ではなさそうなので、いったん普通のDOMのouterHTMLを経由して取得しているみたいですね。

投稿2015/08/03 02:58

edo_m18

総合スコア2283

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

buibui80

2015/08/03 03:14

outerHTMLでとれました。 jQueryでなくjavascriptのプロパティなのですね。 ありがとうございます!
guest

0

classの名前を取得したいということでしょうか?
もしそうであれば以下のサイトを参考にすると思います。
http://semooh.jp/jquery/api/traversing/hasClass/class/

idの名前を取得するには以下のサイトを参考にすると良いと思います
http://www.jquerystudy.info/tutorial/basic/this2.html

的外れでしたら大変申し訳ございません。

投稿2015/08/03 02:43

ojityan

総合スコア9

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

buibui80

2015/08/03 03:11

意図した内容ではありませんでしたが、参考URLで勉強させていただきます。 ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問