2012-02-02 3 views
-1

の最初の単語を選択し、多分これは簡単ですか、私はそれをコンテナ

を見落とししかし、私は持っている場合:

<div class='test'>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</div> 

は、どのように私はそれの最初の単語を選択することができますか? [この例で「Fusce」内]

+0

-1 ?? ..:

var divText = $('div.test').text(); 

をdivTextからの最初の単語を取得します。 ...... – Francesco

答えて

1

その後、単語にテキストを解析するために、正規表現を使用して、DIVのテキストを取得します:divの内容以来

/^(\w+)/.exec($(".test").text())[0] 

はただのテキストデータ(ノーマークアップ)であります、jQueryはあなたを助けることができません。上記の例では、 "単語"は1つ以上の英数字であると仮定していますが、あなたに適した別の正規表現を使うこともできます。 (:sgarrettが示唆されているように、または\W更新)、およびそれにすべての単語を取得するには、テキスト分割:

$(".test").text().split(/\ \.\,/)[0] 

更新を:その他のオプションは、ワード境界のセットを定義することで、単語をハイライトし、あなたの答えを少し変更したバージョン(HTMLエンティティについてのコメントを参照してください):

$(".test").html($(".test").html().replace(/^(\w+)/, "<span>$1</span>")); 
+0

素早い返信で良い答え –

-1

ので@mgibsonbrが

$div = $('div'); 

$div.html($div.text().replace(/^(\w+)/, '<span>$1</span>')); 

する必要がありますhttp://jsfiddle.net/nQ5Y5/4/

+0

はい、「選択」している場合は、「強調表示」することを意味します。私はあなたがちょうどその値を取得したいと思っていた... – mgibsonbr

+1

あなたのdivにHTMLエンティティがある場合、それは動作しません。 'これはテスト文字列<b> </b>最後の単語を使ってコードを試してみてください。 – mgibsonbr

+0

あなたはあなた自身の質問に答えるつもりですか? – BoltClock

1

使用jQueryのテキストを取得するには:なぜ

var firstWord = divText.split(/\W+/)[0];