jQuery - 更改 CSS3 按钮文本？

Question

我制作了一个 CSS3 按钮，它没有使用“值”属性， 但只是文字。

http://jsfiddle.net/vVsAn/1789/

这有点问题，因为我有一个脚本， 将 value 从 'Hide' 更改为 'Show'。

但是改变这里的值并没有多大帮助。

jQuery:

jQuery(document).ready(function(){
        jQuery('#hideshow').on('click', function(event) {        
             jQuery('#lang').toggle('show');
            debugger
            if($('#hideshow').val()=="Hide")
                $('#hideshow').val("Show")
                else
                $('#hideshow').val("Hide")    
        });
    });

Answer 1

你必须使用 text功能。

jQuery(document).ready(function(){
        jQuery('#hideshow').on('click', function(event) {        
             jQuery('#lang').toggle('show');
            debugger
            if($('#hideshow').text()=="Hide")
                $('#hideshow').text("Show")
                else
                $('#hideshow').text("Hide")    
        });
    });

这是一个jsFiddle .