jQueryコードはFirefoxで動作しますが、WebKitでは動作しません

Question

jQueryを使用すると問題が発生します。Firefoxでやりたいことがありますが、Webkit（Chrome、Operaなど）で試してみるとうまくいきません。 私のコードのアイデアは、選択された<option>が値0（各<select>の最初の要素）である場合、すべて<select>を<form>から灰色で設定することです。 <option>が変更された場合、<select>は黒になります。 0 <option>をクリックすると、そのテキストも-からcontent=""のテキストに変わります。
Firefoxでは大丈夫ですがウェブキットではありません。かなり面倒です。このJSFiddleですべてのコードを確認し、それをテストすることができます：my JSFiddle。
私は問題が$(this).parent()の使用から来ると思うが、私はそれを避ける方法を知らない。
おかげ

Answer 1

あなたのために少し助け：

$("#pp").find("option").on("click", function() { ... 

オプション自体は、クリックイベントを発生しません。代わりに、使用：

$("#pp").find("select").on("click", function() { ... 

はそのため、あなたは今、直接親に聞いているので、あなたのコードから親（）メソッドを削除することによって、あなたの内側のラインを変更する必要があります。

これは、開始に役立ちます。