IE8で、jQueryの正規表現が正しく再現されない

jQueryで正規表現を使用し、特定のタグ内でbr以外のタグを除去するという記述をしました。

lang
1    $(function () {
2        $('.text01 .body01 a').each(function () {
3            var txt = $(this).html();
4            $(this).html(
5              txt.replace(/<(?!br)(.|\s)*?>/g, '')
6            );
7        });
8    });

クローム、IE11では正常に動いているのですが、IE8では全てのタグを削除してしまいます。
IE8でもbr以外のタグを除去するにはどうのように記述したらよいのでしょうか？
よろしくお願いします。

行動規範の内容に同意します

回答2件

penguinshunyaさんの繰り返しになってしまいますが、不可解な現象が発生した場合には、まず問題の切り分けをしましょう。「jQueryの正規表現が…」などといっている時点でかなり的外れです。jQueryに問題があるのか、jQueryとは全く関係なく正規表現に問題があるのかくらい自分で特定してから質問をしたほうがいいです。

そのために余計なコードを排除して、最小限の再現環境を作って試してください。例えば、以下のHTMLファイルでどうなるかとか。ちなみにWinXP IE8で試しましたが、brタグは残りliは取り除かれました。ので、正規表現も問題ないように思えるのですが。

入力となるHTML文字列がどのような場合に起きるのか、下記のHTMLでも正常に動かないのか、そこを確認してみてください。

lang
1<!DOCTYPE HTML>
2<html>
3<body>
4
5<script>
6var str = "123<br>456<li>78</li>94<br>56";
7var after = str.replace(/<(?!br)(.|\s)*?>/g, '');
8console.log(after);
9</script>
10
11</body>
12</html>

投稿2015/06/04 10:55

miu_ras

総合スコア902

まず問題はどこで発生しているかを確認する必要があると思います。
$(this).html()で取得する文字列がIE8だけ異なるのか、それともreplaceメソッドがうまく働いていないのか…。どちらも正しければ、$(this).html(string)の部分が間違っていることになります。

投稿2015/06/04 09:36

penguinshunya

総合スコア140

Miwa

2015/06/04 10:14

回答ありがとうございます。 $(function () { $('.text01 .body01 a').each(function () { var txt = $(this).html(); $(this).html( ); }); }); でIE8とクローム、IE11の表示を比べてみましたが、この記述ではIE8でも他のブラウザと同じように表示されます。 $(this).html()で取得しているものはIE8でも同じようです。なので、$(this).html(string)の部分になにかIE8では効かないような記述があるのですね。。。