jquery - 在 Wordpress 中更改文本选项

Question

我用 wordpress 插件生成了这个表单，我不能在文本上放置空格。我想更改这样的选项文本： UnaEstrella -> Una Estrella ...（不是值文本）

<select id="topics" class="taxonomies-filter-widget-input" name="topics">
    <option value="0">Todas</option>
    <option class="level-0" value="unaestrella">UnaEstrella</option>
    <option class="level-0" value="dosestrellas">DosEstrellas</option>
    <option class="level-0" value="tresestrellas">TresEstrellas</option>
    <option class="level-0" value="cuatroestrellas">CuatroEstrellas</option>
    <option class="level-0" value="cincoestrellas">CincoEstrellas</option>
</select>

图像也可能改变吗？

Answer 1

我想你想要这样的东西

function camelToSpc(str) {
    return str.replace(/([a-z\d])([A-Z])/g, '$1 $2');
}

$(function(){
    $('select#topics option').each(function(){
        var txt = $(this).text();
        $(this).text(camelToSpc(txt));
    });
});

演示。

更新 ：

确保jQuery已添加并替换$为jQuery或尝试

(function($) {
    $('select#topics option').each(function(){
        var txt = $(this).text();
        $(this).text(camelToSpc(txt));
    });
})(jQuery);

演示。