javascript - 为什么我的代码重构为功能代码后不起作用？

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 7 年前。

Improve this 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/