Сбросить значение SPAN по умолчанию

Question

Сбросить значение SPAN по умолчанию

0

У меня есть следующий код 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;
    });
});

Любая помощь будет высоко ценится. благодаря

Chelseawillrecover 13 март 2014, в 22:04

Источник

2

Гм ... jQuery('span').text('0'); ?
Yuriy Galanter 13 март 2014, в 20:07
0

Пробовал $("#Match span").html(this.defaultValue); return this.defaultValue; ?
Guilherme Nascimento 13 март 2014, в 20:07
0

Элемент DOM, который не является элементом управления формой, не имеет значения по умолчанию. Вы должны явно установить их содержание на то, что должно быть показано.
Felix Kling 13 март 2014, в 20:30

Показать ещё 1 комментарий

Теги:

javascript

html

2 ответа

0

Есть несколько способов сделать это. Я предлагаю два, которые я лично считаю лучшими:

Сохранить значение по умолчанию в переменной

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;
        });
    });
});

Использование атрибута data

Установите в <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;
    });
});

Guilherme Nascimento 13 март 2014, в 18:29

0

позвольте мне попробовать ваше предложение также
Chelseawillrecover 13 март 2014, в 20:11
0

это полностью удаляет значение
Chelseawillrecover 13 март 2014, в 20:13
0

Простите, теперь я понимаю, что вам нужно, я снова отредактировал свой ответ.
Guilherme Nascimento 13 март 2014, в 20:19

Показать ещё 1 комментарий

Ещё вопросы

Пробовал $("#Match span").html(this.defaultValue); return this.defaultValue; ?
Элемент DOM, который не является элементом управления формой, не имеет значения по умолчанию. Вы должны явно установить их содержание на то, что должно быть показано.
позвольте мне попробовать ваше предложение также
Простите, теперь я понимаю, что вам нужно, я снова отредактировал свой ответ.

T J · Accepted Answer · 2014-03-13T17-23-00.000Z

попробуйте html() вместо text():

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

Update: span не имеет значения по умолчанию, вам нужно вручную установить его содержимое.

jQuery('span').text('0'); также будет работать

это действительно сработало. Благодарю. Попробую предложение Гильерме также
@Chelseawillrecover был бы рад, если бы вы приняли ответ, если он вам помог :)
конечно, примут через 10 минут :). Спасибо за вашу помощь
Пожалуйста, объясните, почему .text не работает?