JQuery Выбор текста рядом с переключателями

Question

Мне нужна помощь. У меня есть div, внутри которого есть несколько радиокнопок, сгенерированных динамически, с фрагментом текста рядом с каждой радиокнопкой, также сгенерированной динамически, внутри элемента, как показано ниже:

<div class="mother_div"> 
   <input type="radio" class="child_radio" name="amount" value="0" />
   <span class="child_text">0.0 some text</span>
   <input type="radio" class="child_radio" name="amount" value="1" />
   <span class="child_text">1.0 some text</span>
   <input type="radio" class="child_radio" name="amount" value="2" />
   <span class="child_text">2.0 some text</span>
   <input type="radio" class="child_radio" name="amount" value="3" />
   <span class="child_text">3.0 some text</span> 

Мне нужен метод или функция Jquery, которые позволили бы мне начать с mother_div и после нажатия / проверки пользователем переключателя (все они не отмечены для начала) заменить текст внутри диапазона на "child_text" класс с другой строкой HTML.

Что я пробовал до сих пор, так это, но это не работает:

$("div.mother_div input:radio[name=child_radio]").click(function() {
    var newHTML= "some HTML to insert";
    $(span.child_text).html(newHTML);
});

Любые мысли или предложения высоко ценятся.

Answer 1

Попробуйте это

$("div.mother_div input").click(function() {
   var newHTML= "some HTML to insert";
   //this will change text next to radio button clicked
   $(this).next('span.child_text').html(newHTML);  

   //this will change text next to all the radio buttons
   $(this).parent().children('span.child_text').html(newHTML);
});

Ваш селектор недействителен.Вы можете проверить изменить нажал только один или изменить все демо на jsFiddle.net

Надеюсь, это работает для вас.

Answer 2

$('div.mother_div input:radio[name="child_radio"]').click(function() {
    var newHTML= "some HTML to insert";
    $(this).next('span.child_text').html(newHTML);
});