将SPAN值重置为默认值

Question

我有以下HTML代码，并希望将SPAN值重置为0. Textarea和文本框都可正常工作。

HTML

<div id="Match">FULL MATCH: <span class="fullMatch">0</span></div>
<input type="text" id="c-match" value="" />

JS

jQuery('.c-reset').on('click', function() {
    jQuery('span').text(''); //this only removes the values without reverting back to 0
    jQuery('textarea, #c-match').val(function() {
        return this.defaultValue;
    });
});

任何帮助将不胜感激。感谢

Answer 1

尝试html()而不是text()：

jQuery('span').html('0');

更新： span没有默认值，您必须手动设置它的内容。

jQuery('span').text('0');也可以使用

Answer 2

有几种方法可以做到这一点 我会建议两个我个人认为最好的：

将默认值存储在变量

中

jQuery.ready(function(){//ready function
    var spanDefault = jQuery('#Match span').text();
    jQuery('.c-reset').on('click', function() {
        jQuery('textarea, #c-match').val(function() {
            setTimetou(function(){
                jQuery('#Match span').text(spanDefault);
            }, 1);
            return this.defaultValue;
        });
    });
});

使用数据属性

在<span>属性data-value="0"中设置，请参阅：

<div id="Match">FULL MATCH: <span data-value="0" class="fullMatch">0</span></div>
<input type="text" id="c-match" value="" />

JS：

jQuery('.c-reset').on('click', function() {
    var fullMatch = jQuery('#c-match span');
    fullMatch.text(fullMatch.data("value"));

    jQuery('textarea, #c-match').val(function() {
        return this.defaultValue;
    });
});