小编Cla*_*eat的帖子

如何缩短这个JavaScript/jQuery代码

有没有办法循环这四次,使其更短?我试图将班级从站立改为坐,然后一次又一次.

if(sitting > 0) {
    $('.standing:first-of-type').removeClass('standing').addClass('sitting');
} else {
    $('.sitting:first-of-type').removeClass('sitting').addClass('standing');
}

if(sitting > 1) {
    $('.standing:nth-of-type(2)').removeClass('standing').addClass('sitting');
} else {
    $('.sitting:nth-of-type(2)').removeClass('sitting').addClass('standing');
}

if(sitting > 2) {
    $('.standing:nth-of-type(3)').removeClass('standing').addClass('sitting');
} else {
    $('.sitting:nth-of-type(3)').removeClass('sitting').addClass('standing');
}

if(sitting > 3) {
    $('.standing:nth-of-type(4)').removeClass('standing').addClass('sitting');
} else {
    $('.sitting:nth-of-type(4)').removeClass('sitting').addClass('standing');
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

4
推荐指数
1
解决办法
127
查看次数

使用 jQuery 中的值将 CSS 应用到标签和输入元素

编辑:我知道它们是 jQuery、CSS 和 HTML 中的问号。由于它是由 Yii 自动生成的,我无法删除它。

我尝试使用 jQuery在 HTML 中添加和删除input样式。label当我尝试这样做时,我没有得到任何响应,我相信这是由于Yii 生成的元素的异常for=""和/或值造成的。val=

似乎无法让它与if else声明一起工作。删除后,它会应用 CSS。

它应该做如下;选择“是”,值为“是”,然后出现第二个标签和输入。

我为此创建了一个 CodePen,因为我在使用 JSFiddle 时遇到问题。 https://codepen.io/CallumRocks/pen/rwrrvE

我还在下面添加了相关代码。

$(document).ready(function(){
    $('#event_Do_you_require_any_accessibility_assistance?').on('change',function(){
    if($(this).val() == 'Yes'){ 
        $("label[for='event_Please specify']").css('display', 'block');
        $("input#event_Please_specify").css('display', 'block');
    }
    else {
        $("label[for='event_Please specify']").css('display', 'none');
        $("#event_Please_specify").css('display', 'none');
    }
    });
});
Run Code Online (Sandbox Code Playgroud)
label[for="event_Would you like to stay informed about updates and changes to this event?"] {
    width: 100% !important;
    line-height: 20px;
}
label[for="event_Please specify"] {
    display: none;
}
input#event_Please_specify{ …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

1
推荐指数
1
解决办法
2310
查看次数

标签 统计

javascript ×2

jquery ×2

css ×1

html ×1