jqueryで兄弟の子をトラバースする

Question

ラジオボタンのチェックボックスがオンの場合、そのラジオボタンの背景イメージを変更したいと思います。私はラジオボタンを隠して、label>span>imgの中に包み込んだ。ラジオがチェックされたら画像のsrcを変更したいと思います。

<div class = " monthly-radio-div padding-lr-zero radio-inline"> 
    <input type="radio" name="inv_type" id="monthly" value = "monthly" > 
    <label for="monthly"> 
     <span class="radio"> 
     <img src="icons/r_dis.png"> 
     </span> 
    </label> 
</div> 

画像のsrcを変更したいと思います。私は

$('#fund_sel_form input').on('change', function() { 
    var radio_val = $('input[name="inv_type"]:checked', '#fund_sel_form').val(); 
    $('input[name="inv_type"]:checked','#fund_sel_form').find('label').find('img').attr('src','icons/r_en.png'); 
}); 

Answer 1

jsfiddle.net/s1f891vn/

$('.monthly-radio-div input').on('change', function() { 
    var parentDiv=$(this).parents(".monthly-radio-div:eq(0)"); 
    if($(this).is(":checked")){ 
     $(parentDiv).find("img").attr("src","https://cdn1.iconfinder.com/data/icons/toggle/512/radio-on-128.png"); 
    } 
    else{ 
     $(parentDiv).find("img").attr("src","https://cdn1.iconfinder.com/data/icons/toggle/512/radio-off-128.png"); 
    } 
}); 

Answer 2

$('.monthly-radio-div > input').on('change', function() { 
    var par =$(this).parents().eq(0); 
    if($(this).is(":checked")){ 
     $(parentDiv).find("img").attr("src","image.png"); 
    } 
    else{ 
     $(parentDiv).find("img").attr("src","image.png"); 
    } 
}); 

この作業フィドルを試してみては動作しませんでしたいくつかの方法を試してみました