JQuery - Internet ExplorerでCSS属性を正しく削除する方法

Question

フォームの検証をしていて、Internet Explorerが正常に動作しないことに気付いています（いつものように）。 div要素にテキストとCSSをつけてもう一度削除すると（入力がOKの場合）、エクスプローラは表示をもう一度修正しません。私はテキストが削除されることを意味しますが、空白の行が残っています（br要素があるかのように）。私はソースコードをチェックしてCSSが正しく削除されましたが、表示が正しくありません。どうして？

他のブラウザに問題はありません。

if(bla) 
    { 
     $("div[bez='avz_kw_err']").eq(index).html("Mindestens 3 Zeichen"); 
     $("div[bez='avz_kw_err']").eq(index).attr("style","color:red; font-size:12px; line-height:12px; position:relative; top:5px; left:25px;"); 
    } 
    else 
    { 
     $("div[bez='avz_kw_err']").eq(index).html(""); 
     $("div[bez='avz_kw_err']").eq(index).attr("") 
    } 

Answer 1

".attr（）"を使用してjQuery 1.6以上でスタイルプロパティを設定しないでください。 ".prop（）" の代わりに使用します。

$("div[bez='avz_kw_err']").eq(index).prop("") 

"スタイル" プロパティがプロパティです。 IEはその違いについて非常に厄介です。 jQueryでラップされていないDOM要素を直接処理する場合、 "name"、 "id"、 "className"、 "tagName"などのオブジェクトの通常のプロパティとして扱うことには、 ".prop（）"を使用します」 - それがすべて本当だ - 私が言ったこの夜 —遅いだから、など

編集 『特にスタイル』プロパティは、文字列の値を持つプロパティではありません。それ自体はオブジェクトなので、FirefoxやIEにはそれを意味づけできません。 "これはIEで動作しないことがあります...

-

$("div[bez='avz_kw_err']").eq(index).each(function() { 
    for (var cssp in this.style) { 
    this.style[cssp] = ''; 
    } 
}); 

編集再び —私は正しい答えを見つけ出すまで、ちょっとギャングが私をupvoting停止：しかし、あなたはすべてのCSSプロパティを攻撃することができます編集少年は奇妙なIEで... OK IE8でこの作品：

$("div[bez='avz_kw_err']").eq(index).each(function() { 
    for (var cssp in this.style) { 
    try { this.style[cssp] = null; } catch (who_cares) {} 
    } 
}); 

それはを使用することが明らかに重要です空の文字列ではなく。いくつかの点で何かを空の文字列に設定すると、IEが数秒間スピンアップして回転してしまいました。

Answer 2

を使用すると、変更する属性を指定していないため、.attr("")を使用してもスタイルは削除されません。スタイル属性を消去するには、.attr("style", "")を使用します。

デモ：http://jsfiddle.net/Guffa/tvL42/2/

サイドノート：あなたがHTMLやスタイルを設定するための新しいjQueryオブジェクトを作成する必要はありません、ただの呼び出しをチェーン：

if(bla) { 
    $("div[bez='avz_kw_err']").eq(index) 
    .html("Mindestens 3 Zeichen") 
    .attr("style","color:red; font-size:12px; line-height:12px; position:relative; top:5px; left:25px;"); 
} else { 
    $("div[bez='avz_kw_err']").eq(index) 
    .html("") 
    .attr("style", ""); 
}