JQuery анимации изменить текст радио

Question

Я пытаюсь ввести анимацию и изменить текст внутри сНа тега, а также текст с радиокнопками

могут изменить текст DIV с анимацией Однако я не может изменить текст против радио с анимацией

Примечание - без анимации я был в состоянии сделать это на основе ранее вопрос, который я просил

Вот что я имею в HTML:

<div id="questionBlock">   
    <article>loremipsum dah blah blah </article> 
</div> 

<label class="block" id="lblFirstOption" for = "sizeSmall"> 
    <input type = "radio" name = "radSize" id = "sizeSmall" value = "small" />small 
</label> 

В Jquery, который работает на простом DIV:

$('#questionBlock article').fadeOut(function() { 
    $(this).text(val["carType"]).fadeIn().delay(3000); 
}); 

The Jquery, который не работает для изменения текста этикетки с анимацией:

$('#sizeSmall')[0].nextSibling.nodeValue.fadeOut(function() { 
    $(this)[0].nextSibling.nodeValue(val["carType"]).fadeIn().delay(3000); 
}); 

Любые идеи?

Answer 1

.nodeValue не является функцией, вы просто установить его с назначением

$(this)[0].nextSibling.nodeValue = val["carType"]; 

Кроме того, так как вы теперь, используя реальный объект DOM вы больше не в jQuery, так что цепочка fadeIn и задержка после вызова не удастся. Даже если вы все еще находились в цепочке jQuery, вы не можете fadeIn/Out textNodes. Вы должны были бы обернуть текст в другом элементе, как пролете

HTML

<label class="block" id="lblFirstOption" for = "sizeSmall"> 
    <input type = "radio" name = "radSize" id = "sizeSmall" value = "small" /> 
    <span>small</span> 
</label> 

JS

$('#sizeSmall').next().fadeOut(function() { 
    $(this).text(val["cartype"]).fadeIn().delay(3000) 
}); 

Answer 2

$('#lblFirstOption span').fadeOut(function() {  
    $(this).parent().append('<span>TestRadio</span>').fadeIn().delay(3000); 
}); 

Live Demo