JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信

to-R

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

HP登録でSEO対策！アクセスアップにコチラ！
検出率No.1・PC軽快さNo.1のウイルス対策ソフト

ネタ元：マークアップ・エンジニアの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を使ったサンプルコード

スポンサードリンク

• 日時: 2009年10月 2日 02:29
• javascript, jQuery
• javascript

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

このエントリーのトラックバックURL

http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/650

コメントを投稿

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント:

認証:

検索

フィード

 RSSリーダーで購読する

共著書

現場のプロから学ぶXHTML+CSS

スポンサードリンク

カテゴリー

• ajax [6]
• amazon [3]
• books [56]
• cms [0]
• css [57]
• design [21]
• dialy [69]
• direction [3]
• firefox [18]
• flash [5]
• freelance [4]
• google [15]
• html [15]
• javascript [74]
• mac [2]
• movable type [68]
• php [33]
• sem [9]
• seminar [30]
• seo [58]
• server [13]
• spry [19]
• sql [9]
• tools [41]
• wordpress [9]
• writer [25]

アーカイブ

• 2009年12月 [3]
• 2009年11月 [5]
• 2009年10月 [8]
• 2009年9月 [8]
• 2009年8月 [7]
• 2009年7月 [6]
• 2009年6月 [14]
• 2009年5月 [6]
• 2009年4月 [8]
• 2009年3月 [10]
• 2009年2月 [11]
• 2009年1月 [5]
• 2008年12月 [11]
• 2008年11月 [7]
• 2008年10月 [9]
• 2008年9月 [8]
• 2008年8月 [9]
• 2008年7月 [12]
• 2008年6月 [10]
• 2008年5月 [18]
• 2008年4月 [16]
• 2008年3月 [18]
• 2008年2月 [17]
• 2008年1月 [14]
• 2007年12月 [23]
• 2007年11月 [25]
• 2007年10月 [26]
• 2007年9月 [28]
• 2007年8月 [14]
• 2007年7月 [11]
• 2007年6月 [16]
• 2007年5月 [14]
• 2007年4月 [15]
• 2007年3月 [11]
• 2007年2月 [19]
• 2007年1月 [11]
• 2006年12月 [15]
• 2006年11月 [15]
• 2006年10月 [12]
• 2006年9月 [7]
• 2006年8月 [11]
• 2006年7月 [12]
• 2006年6月 [18]
• 2006年5月 [19]
• 2006年4月 [9]
• 2006年3月 [12]
• 2006年2月 [9]
• 2006年1月 [4]
• 2005年12月 [8]
• 2005年11月 [13]
• 2005年10月 [5]
• 2005年9月 [1]
• 2005年8月 [13]
• 2005年7月 [26]

最近のエントリー

• [ASCII.jp]jQueryでバリデーション付きメールフォームを作ろう
• Web creators (ウェブクリエイターズ) 2010年 1月号
• [ASCII.jp]jQueryで自作するフローティングウィンドウ
• [ASCII.jp]jQueryによるLightbox風モーダルウィンドウの作り方
• [ASCII.jp]jQueryで作る多階層ドロップダウンメニュー
• 12月のセミナー案内
• [ASCII.jp]IE6対応！jQueryで透過PNGのロールオーバーを作る
• Web creators (ウェブクリエイターズ) 2009年 12月号
• Twitter Follow Badgeを付けてみた
• [ASCII.jp] jQueryでロールオーバー！プリロード対応版

コンテンツ

• 当サイトについて
• ブックマーク
• タグ一覧
• お問い合わせ

リンク

• WEBクリエイターSOHP
• twitter

このblogを書いてる人

西畑一馬(to-R代表)
Kazuma Nishihata
Webクリエイター

photo by
s-style-arts

items

タグクラウド

(x)html a a-blog cms a-blog CMS adobe AdSense ajax alphafilter.js ASCII.jp blog book CakePHP CentOS CGIPath cms CMS Designer CSRF css cssnite cssnite.xhtml csv dell display dl dom dt ESET Smart Security Fastladder feed Feedburner FFFTP firebug firefox flash float google Google Maps API Greasemonkey heightLine.js Html Validator ie IE6 IE7 IE8 imedio iPhone javascript jQuery JSON JSONP jsライブラリ li LightBox Livedoor Reader livedoorクリップ lpo mac margin max-height max-width meta min-height min-width mixi Movable Type MT ol onload Opera pagerank pc photo php position Prototype.js qrコード RCMS Re:Creator's Party Kansai rss sbm sbo script.aculo.us Scuttle sem seo SEO SEO対策 smarty smo SOY CMS SpamLookup spry SQLインジェクション Subversion table Thunderbird tool TortoiseSVN twitter Twitter ul urlエンコード URL短縮 vertical-align vi Virtual PC VMware Player VMware Server VMWare Tools Web creators Web Designing WebRelease 2 webSig24/7 webクリエイター Webディレクション Webディレクター Web制作の現場で使えるjQuery web標準 Web標準の日々 wordpress Wordpress xhtml XML XSS yahoo Yahoo!ブログ検索 YUI あわせて読みたい お問い合わせフォーム はてな アップデート アドオン アルファ画像 イメディオ インクルーシブデザインワークショップ カスタムフィールド カラム キーワードアドバイスツール キーワード出現頻度解析 クリエイティブ・コモンズ クリック クリップボード グローバル・タグ・アトリビュート コンテスト コード サイバーガーデンbiz スタイルシート セキュリティー セミナー タグクラウド ツールチップ トラックバック バグ ビジネスエクスプレス フィード フリーランス ブックマークレット プラグイン マクロ マークアップエンジニア モバイル ユーザビリティ ライブラリ ロールオーバー 一言いっとくか 再構築 勉強会 動画 執筆 拡張機能 書評 検索エンジン 検証 独立 現場のプロから学ぶXHTML＋CSS 画像置換 百度 秀丸 経度緯度検索 翻訳 解析 透過png 重複コンテンツ

Movable Type

© 2005-2009 to-R[西畑一馬] some Rights Reserved.