Jquery 在触发另一个触发器时更改一个触发器的类别。（1个动作和2个触发器）

我想实现的是在触发数字2（输入）时切换触发器1的颜色类。 要查看我的问题，请先单击TRIGGER1，然后单击TRIGGER2。框被关闭，但第一个触发器的类不变

HTML

jQuery

$('#trigger1').on('click', function(){
    $( this ).removeClass('color-front');
    $( this ).toggleClass('color-back');
    $( "#boxToOpenOnTrigger" ).toggleClass('elem-hide');
});

$('#trigger2').on('click', function(){
    if ( $("#trigger1").hasClass( "color-back" ) ) {
        $( this ).removeClass( "color-back" );
        $( this ).addClass( "color-front" );
    } 
    $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
});

我希望你能理解我，我的英语还不是很好：/

JS

   $('#trigger1').on('click', function(){
        $( this ).removeClass('color-front');
        $( this ).toggleClass('color-back');
        $( "#boxToOpenOnTrigger" ).toggleClass('elem-hide');
    });

    $('#trigger2').on('click', function(){

        var trigger1=$("#trigger1");
        if (trigger1.hasClass( "color-back" ) ) {
            trigger1.removeClass( "color-back" );
            trigger1.addClass( "color-front" );
        } 
        $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
    });

注意，您在onclick事件

trigger2

中使用了

this

，该事件指的是

trigger2

JS

   $('#trigger1').on('click', function(){
        $( this ).removeClass('color-front');
        $( this ).toggleClass('color-back');
        $( "#boxToOpenOnTrigger" ).toggleClass('elem-hide');
    });

    $('#trigger2').on('click', function(){

        var trigger1=$("#trigger1");
        if (trigger1.hasClass( "color-back" ) ) {
            trigger1.removeClass( "color-back" );
            trigger1.addClass( "color-front" );
        } 
        $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
    });

注意，您在onclick事件

trigger2

中使用了

this

，该事件指的是

trigger2

JS

   $('#trigger1').on('click', function(){
        $( this ).removeClass('color-front');
        $( this ).toggleClass('color-back');
        $( "#boxToOpenOnTrigger" ).toggleClass('elem-hide');
    });

    $('#trigger2').on('click', function(){

        var trigger1=$("#trigger1");
        if (trigger1.hasClass( "color-back" ) ) {
            trigger1.removeClass( "color-back" );
            trigger1.addClass( "color-front" );
        } 
        $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
    });

注意，您在onclick事件

trigger2

中使用了

this

，该事件指的是

trigger2

JS

   $('#trigger1').on('click', function(){
        $( this ).removeClass('color-front');
        $( this ).toggleClass('color-back');
        $( "#boxToOpenOnTrigger" ).toggleClass('elem-hide');
    });

    $('#trigger2').on('click', function(){

        var trigger1=$("#trigger1");
        if (trigger1.hasClass( "color-back" ) ) {
            trigger1.removeClass( "color-back" );
            trigger1.addClass( "color-front" );
        } 
        $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
    });

注意，您在onclick事件

trigger2

中使用了

this

，该事件指的是

trigger2

---

我不知道我是否理解你的问题，但我会尽力回答

当你点击trigger2时，你想把“颜色字体”类添加到Trigger1中吗

如果是这样，就这样做：

 $('#trigger2').on('click', function(){
    if ( $("#trigger1").hasClass( "color-back" ) ) {
        $( this ).removeClass( "color-back" );
        $("#trigger1").addClass( "color-front" );
    } 
    $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
});

---

我不知道我是否理解你的问题，但我会尽力回答

当你点击trigger2时，你想把“颜色字体”类添加到Trigger1中吗

如果是这样，就这样做：

 $('#trigger2').on('click', function(){
    if ( $("#trigger1").hasClass( "color-back" ) ) {
        $( this ).removeClass( "color-back" );
        $("#trigger1").addClass( "color-front" );
    } 
    $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
});

---

我不知道我是否理解你的问题，但我会尽力回答

当你点击trigger2时，你想把“颜色字体”类添加到Trigger1中吗

如果是这样，就这样做：

 $('#trigger2').on('click', function(){
    if ( $("#trigger1").hasClass( "color-back" ) ) {
        $( this ).removeClass( "color-back" );
        $("#trigger1").addClass( "color-front" );
    } 
    $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
});

---

我不知道我是否理解你的问题，但我会尽力回答

当你点击trigger2时，你想把“颜色字体”类添加到Trigger1中吗

如果是这样，就这样做：

 $('#trigger2').on('click', function(){
    if ( $("#trigger1").hasClass( "color-back" ) ) {
        $( this ).removeClass( "color-back" );
        $("#trigger1").addClass( "color-front" );
    } 
    $( "#boxToOpenOnTrigger" ).addClass('elem-hide');
});

---

---

哦，我以为我指的是IF的id！！旁注：我建议将

$（'#trigger1'）

缓存在一个变量中，因为它被多次使用。还可以链接类函数。这将使代码整洁一点。@empiric按你说的做：）@EderIraizoz没问题：）@EderIraizoz这纯粹是你的愿望，在使用varibale时，我们正在整理代码，以便将来参考。哦，我想我指的是IF的id！！旁注：我建议将

$（'#trigger1'）

缓存在一个变量中，因为它被多次使用。还可以链接类函数。这将使代码整洁一点。@empiric按你说的做：）@EderIraizoz没问题：）@EderIraizoz这纯粹是你的愿望，在使用varibale时，我们正在整理代码，以便将来参考。哦，我想我指的是IF的id！！旁注：我建议将

$（'#trigger1'）

缓存在一个变量中，因为它被多次使用。还可以链接类函数。这将使代码整洁一点。@empiric按你说的做：）@EderIraizoz没问题：）@EderIraizoz这纯粹是你的愿望，在使用varibale时，我们正在整理代码，以便将来参考。哦，我想我指的是IF的id！！旁注：我建议将

$（'#trigger1'）

缓存在一个变量中，因为它被多次使用。还可以链接类函数。这将稍微整理一下代码。@empiric按你说的做：）@EderIraizoz没问题：）@EderIraizoz这完全是你的愿望，在使用varibale时，我们正在整理代码，使其更易于将来参考。