Warum funktioniert mein Code nicht nach Refactor zu Funktionscode?

Question

Unten ist mein Original-Code ...

innerTC.find('input[name=tc0]').click(function(){ 
      console.log($(this).siblings('input[name=tc0]')); 
      $(this).siblings('input[name=tc0]').prop('checked', false); 
    }); 
    innerTC.find('input[name=tc1]').click(function(){ 
      console.log($(this).siblings('input[name=tc1]')); 
      $(this).siblings('input[name=tc1]').prop('checked', false); 
    }); 
    innerTC.find('input[name=tc2]').click(function(){ 
      console.log($(this).siblings('input[name=tc2]')); 
      $(this).siblings('input[name=tc2]').prop('checked', false); 
    }); 

aber ich versuche es wie unten ...

var innerTC = $('#pltc').contents(); 
    for(var i=0; i<3; i++) { 
     innerTC.find('input[name=tc' + i + ']').click(function(){ 
      $(this).siblings('input[name=tc' + i + ']').prop('checked', false); 
    }); 
    } 

Aber nicht arbeiten zu einem Funktionscode Refactoring.

Answer 1

Versuchen Sie folgendes:

innerTC.find('input[name^=tc]').click(function(){ 
      var attr = $(this).attr('name'); 
      $(this).siblings('input[name='+attr+']').prop('checked', false); 
    }); 

https://jsfiddle.net/y7yre4nt/