Re:マークアップ・エンジニアのJavaScript入門 - 配列を理解する

ネタ元:マークアップ・エンジニアのJavaScript入門 - 配列を理解する

「JS_practice.zip」の中に,「www.html」というHTMLが入っています。このHTMLの文中,全「p」要素の中の,「www」「WWW」「ウェブ」というテキストだけに,jQueryを使ってcssで背景色を付けてください

jQueryは使って良いようなので、以下のような方法のほうがjQueryっぽいかなと思います。

$(function(){
	$("p").find('*').andSelf().contents().not('[nodeType=1]').each(function(){
		$(this).replaceWith(this.nodeValue.replace(/(w{3}|ウェブ)/ig,"<span class='www'>$1</span>"))
	})
});

サンプル

JS_practice.zipのダウンロード方法がわからなかったのでサンプルのHTMLは適当です。

関連エントリー

8のjQueryのすごいTIPS
jQueryでアコーディオンを設定する際の注意
jQueryを良くする25のTIPS
jQueryのコードを良くする5つのTIPS
jQueryを使ったサンプルコード

スポンサードリンク

«Web creators (ウェブクリエイターズ) 2009年 11月号 | メイン | [ASCII.jp]jQueryで作る画像ギャラリーのチュートリアル»