回答編集履歴

3

ソースコードにコメントを追加

2016/03/11 04:26

投稿

sounisi5011
sounisi5011

スコア697

test CHANGED
@@ -27,6 +27,8 @@
27
27
  var replaceElem = $('<span>', {
28
28
 
29
29
  // alt属性値をテキストとして指定
30
+
31
+ // Note: このように指定しないと、alt属性値にHTMLとして有効な文字列が混入した場合にHTMLとして処理されてしまう
30
32
 
31
33
  text: altAttr
32
34
 

2

コードの表示画面へのリンクを追加

2016/03/11 04:26

投稿

sounisi5011
sounisi5011

スコア697

test CHANGED
@@ -60,7 +60,9 @@
60
60
 
61
61
 
62
62
 
63
- サンプル:[http://output.jsbin.com/hurene](http://output.jsbin.com/hurene)
63
+ サンプル(JS Bin):[http://output.jsbin.com/hurene](http://output.jsbin.com/hurene)
64
+
65
+ コード(JS Bin 編集画面):[http://jsbin.com/hurene/edit?html,js](http://jsbin.com/hurene/edit?html,js)
64
66
 
65
67
 
66
68
 

1

詳細な説明を追記

2016/03/11 04:18

投稿

sounisi5011
sounisi5011

スコア697

test CHANGED
@@ -61,3 +61,13 @@
61
61
 
62
62
 
63
63
  サンプル:[http://output.jsbin.com/hurene](http://output.jsbin.com/hurene)
64
+
65
+
66
+
67
+ `hoge`クラスの付いた要素内にある、`alt`属性の指定された`img`要素全てに対する置き換え処理を行うコードになります。
68
+
69
+ `alt`属性値にHTMLタグが紛れ込んでいても、普通のテキストとして置き換えられるようになっています。
70
+
71
+
72
+
73
+ なお、`alt`属性が省略された場合や、内容が空文字列の場合は置き換えないようになっています。