为什么我的代码在重构功能代码后不工作？

Question

下面是我的原代码...

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

不过，我尝试将它重构像下面的函数代码...

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

但不工作。

Answer 1

试试这个：

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

https://jsfiddle.net/y7yre4nt/