Question

我有以下代码，它会生成一个下拉菜单/选择器。选择一个选项后，主显示将更改为该选项。虽然，我无法编辑实际的代码，但我可以使用这个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);

Javascript - 在下拉列表中更改文本

1 个答案: