cromeやfirefoxでは正常に動きますが、IEにて一部動いてくれない部分があり困っています。おかしな点や原因など教えていただきたくご質問させていただきます。 .that{color:red;} $(function(){ $('button').click(function(){ $('#list>ul').removeClass('that'); var val = $(this).text(); $('#list>ul li').each(function(){ if($(this).text() == val){ $(this).parent().addClass('that'); }; }); }); }); html↓ 100 200 300 100 200 300 200 クリックしたボタンの数値があるULの色を変えるものです。 100と300をクリックした場合は正常に変わりますが、200をクリックした時に変わらなくなります。の中で最後に書かれている数値が効かなくなるようで、の100と200を入れ替えると100が効かなくなります。（IEのみ）原因等わかりましたらよろしくお願いいたします。

jqueryにてIEでの不具合　each処理？

解決済

質問者：eeiina
質問日時：2012/09/27 13:28
回答数：2件

cromeやfirefoxでは正常に動きますが、IEにて一部動いてくれない部分があり困っています。
おかしな点や原因など教えていただきたくご質問させていただきます。

<style>
.that{color:red;}
</style>

<script type="text/javascript">
$(function(){
$('button').click(function(){
$('#list>ul').removeClass('that');
var val = $(this).text();
$('#list>ul li').each(function(){

if($(this).text() == val){
$(this).parent().addClass('that');
};
});
});
});
</script>

html↓

<button>100</button>
<button>200</button>
<button>300</button>

<div id="list">
<ul>
<li>100</li><li>200</li>
</ul>
<ul>
<li>300</li><li>200</li>
</ul>
</div>

クリックしたボタンの数値があるULの色を変えるものです。
100と300をクリックした場合は正常に変わりますが、200をクリックした時に変わらなくなります。
<li>の中で最後に書かれている数値が効かなくなるようで、<li>の100と200を入れ替えると100が効かなくなります。（IEのみ）

原因等わかりましたらよろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： dscripty
回答日時：2012/09/27 15:21

> if($(this).text() == val){

の前で $(this).text() の値を
alert($(this).text());
で調べればわかるけど、

<li>200</li> の .text() は "200" ではなくて "200 " が帰ってくる。

変な値が帰ってくるのは IE が Quirks モードで動作しているからかも。

対処方法だけれど、

HTML の初めに DOCTYPE を宣言して IE を標準モードにするか
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

とても勧められないけれど、どうしても Quirks モードのままがいいなら、
UL の閉じタグを改行しないで LI タグのすぐ後ろに書けば、回避できるとおもう。
<ul>
<li>100</li><li>200</li></ul>
<ul>
<li>300</li><li>200</li></ul>

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
>"200 "
違う値が返ってくるんですね、標準モードで試してみましたがダメでした。

<ul>
<li>100</li><li>200</li></ul>

このやり方で動作したました！全てのhtmlを変えるとなると現実的ではないですが、
回避する手段を教えていただき大変助かりました。
もう少し探ってみたいと思います、
ありがとうございました！

通報する

お礼日時：2012/09/27 17:51

No.2

回答者： fujillin
回答日時：2012/09/27 19:09

ようは、これと同じことでは？

http://oshiete.goo.ne.jp/qa/7707134.html

ＭＳお得意の「仕様」なのかも知れませんが、
　if($(this).text() == val){
の時にＩＥだけ切り出して、テキストを読み替えてあげるか、あるいは最初に整理しておくか…

動的に値が変化するのか、実際にテキストの値が取る可能性の範囲がどのようなものかなどを考慮して、自衛手段を講じるしかなさそう。