人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryまたはDOMの質問です。
以下のようなHTMLコードがあった場合に、「TEXT」を取得するにはどのように記述すれば良いのでしょうか?

<li id='id_li_01'><label><input value="1" type="checkbox" name="hoge[]" id="id_checkbox_01" checked="checked"/>TEXT</label></li>

●質問者: P-mako
●カテゴリ:インターネット ウェブ制作
✍キーワード:DOM HTML jQuery コード 記述
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● 古之
●27ポイント

$(document).ready(function(){

$("body").append( $("label:first").text() );

});


コピペできるように前文入力すると修正されてしまうので、スクリプト部分のみ入力します。

取得自体は、$("label:first").text() の部分で、

labelタグを一つしか用意しないのなら、:firstは不要です。


以下ダミーURL

http://semooh.jp/jquery/

◎質問者からの返答

alert( $('label', '#id_li_01').text() );

ということでしょうか?これはすでに試していますし、ダメでした。

liタグの中にlabelタグは1つですが、その組み合わせは(liですから)複数ありますので、labelタグのID(id_li_01)をセレクタとして使用するんだと思うんですが・・・

追記しますと、

alert( document.getElementById( 'id_li_01' ).childNodes.item(0).childNodes.item(1).nodeValue );

で取得できましたので、DOMは不要です。

jQueryの記述が知りたいです。


2 ● 古之
●27ポイント

済みません。早とちりでした。


jQueryでは、

alert( $("#id_li_01").text() );

です。


他の表記は下記リンクを参照してください。

http://semooh.jp/jquery/api/selectors/

◎質問者からの返答

せっかくご回答いただいていますが、その表記もダメです。

assad_babylさんは動作しているんですよね?

どこかでそのソースを公開してもらえると助かります。


3 ● 古之
●26ポイント ベストアンサー

お安い御用で

http://burningot.web.fc2.com/buzz/getlitext.html

◎質問者からの返答

ありがとうございました。

よくよくコードを見直しましたら、jQueryの

(function($){

と対になる閉じ方

})(jQuery);

が間違っていました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ