TOP
>
JavaScript
>
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で作る画像ギャラリーのチュートリアル»