Javascript - ドロップダウンでテキストを変更する

Question

私はドロップダウンメニュー/セレクターを生成する次のコードを持っています。 1つの選択肢が選択されると、メインディスプレイはその選択肢に変わります。実際のコードを編集することはできませんが、このJQueryを使用してテキストを編集できます。

<fieldset class='topic'> 
<div class='style_picker validatable translate'> 
<label class='topic_style' for='style'> 
Select a topic type: 
</label> 
<div class='validatable' id='style_picker'> 
<div class='selector'> 
<span class='selection'></span> 
<span class='handle'></span> 
</div> 
<ul type='none'> 
<li class='ice'> 
<span class='style_item'></span> 
<span class='copy'> 
ice 
</span> 
</li> 
<li class='earth'> 
<span class='style_item'></span> 
<span class='copy'> 
earth 
</span> 
</li> 
<li class='wind'> 
<span class='style_item'></span> 
<span class='copy'> 
wind 
</span> 
</li> 
<li class='fire'> 
<span class='style_item'></span> 
<span class='copy'> 
fire 
</span> 
</li> 
<li class='water'> 
<span class='style_item'></span> 
<span class='copy'> 
water 
</span> 
</li> 
</ul> 
</div> 

私は、個々の選択肢を編集することができましたが、各編集した作品のために、選択された場合には、メインディスプレイには、まだかなり変更されたテキストよりも、元のテキストを表示します。例：

(function ($) { 
    $(document).ready(function() { 
    $('.topic .style_picker li.fire span.copy').text("time"); 
    }); 
    })(jQuery); 

「火」を「時間」に変更しようとしています。上記のコードを使用すると、選択が変更されますが、メインディスプレイは「消灯」のままです。誰かがこれを解決する方法や私がすべきことについての洞察を提供することができますか？責任があると思っています

<span class='selection'></span> 

私はよく分かりません。ありがとう！

Answer 1

準備完了機能で '}'を正しく閉じることができません。それを次のように変更してください：

(function ($) { 
    $(document).ready(function() { 
     $('.topic .style_picker li.fire span.copy').text("time"); 
    }); 
})(jQuery);