javascript - 单击 if 语句不起作用

Question

有人可以向我解释一下为什么它有效吗:

  function updateWellnessPrice() {
        $('#toggle_151, #toggle_170').click(function () {
            amount = '1.50';
            $('#toggle_153 input').attr('data-amount', amount);
            $('#toggle_153 span').html(amount);
        });

    $('#toggle_148, #toggle_149, #toggle_150, #toggle_167, #toggle_168, #toggle_169').click(function () {
        amount = '0';
        $('#toggle_153 input').attr('data-amount', amount);
        $('#toggle_153 span').html(amount);
    });
};

但是我不喜欢那个代码，我想用人手不足的方式来编写它。为什么下面的代码不起作用？

  $('#toggle_151, #toggle_170').click(function () {
        var $this = $(this);
        if($this.data('clicked') == true) {
            amount = '1.50';
        } else {
            console.log('check');
            amount = '0';
        }
        $('#toggle_153 input').attr('data-amount', amount);
        $('#toggle_153 span').html(amount);
    });

甚至连控制台日志也没有显示出来，所以他不喜欢那个点击函数中的 else。

Answer 1

不确定您的 if 条件在这里是否有意义

试试这个

$('#toggle_148, #toggle_149, #toggle_150, #toggle_167, #toggle_168, #toggle_169, #toggle_151, #toggle_170').click(function () {
    var currentId = $(this).attr( "id" );
    if( currentId == "toggle_151" || currentId == "toggle_170" ) 
    {
        amount = '1.50';
    } 
    else 
    {
        console.log('check');
        amount = '0';
    }
    $('#toggle_153 input').attr('data-amount', amount);
    $('#toggle_153 span').html(amount);
});

现在假设您要为所有 id 编写一个单击处理程序。