javascript - 谷歌翻译消除选择空间

Question

当您选择一种语言时，是否可以从 google translate select 中删除空格。在我的例子中，如果你选择西类牙语，你会看到很多额外的空间，但是否可以缩小选择并删除额外的间距，这样它就是单词的大小，可能只是在两边有一点额外的间距，比如 2px还是这样？

因为我使用的是谷歌翻译，所以我无法创建一个 ID，我必须使用谷歌翻译提供的值吗？

$(document).ready(function() {
 $('.goog-te-combo').change(function(){
    $(".goog-te-combo").html($('.goog-te-combo option:selected').text());
    $(this).width($(".goog-te-combo").width());  
 });
});

http://jsfiddle.net/bobrierton/5c1vbo2s/13/

<div id="google_translate_element"></div>                              

<script type="text/javascript">
            function googleTranslateElementInit() {
                new google.translate.TranslateElement({
                    pageLanguage: 'en', 
                    layout: google.translate.TranslateElement.InlineLayout
                }, 'google_translate_element');
            }
        </script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script> 

Answer 1

您忘记关闭 ul 标签。这是更新的 fiddle

jQuery 选择器非常简洁，看看它们 here

在我的例子中，我使用了 class选择器。