如何在JavaScript代码中或短代码中更改此jQuery代码？ $（文档）.ready（函数（）{ $（“.search”）。在（“向下键”上，函数搜索（e）{ 如果（e.keyCode==13）{ var val=$（'input'）.val（）； 如果（val.length==0）{ $（'.display emoji'）.css（'display'，'none'）； } 否则如果（val=4&&val=11&&val=19&&val

您可以使用多种方法来实现。您可以为所有数据创建

array

，或者为每个数据使用变量标记。下面我尝试了

开关

和

array

。但这是一个示例

$(document).ready(function () {
    $(".search").on("keydown",function search(e) {
        if(e.keyCode == 13) {
            var val = $('input').val();
            if( val.length === 0 ) {
                $('.display-emoji').css('display', 'none');
            }
            else if( val <= 3 ) {
                $('.display-emoji').css('display', 'inline-block');
                $('#my_image').attr('src', 'images/lonely.png');
                $('h5').text('Brighten up your life with emotion packed messages!');
            }
            else if ( val >= 4 && val <= 10 ) {
                $('.display-emoji').css('display', 'inline-block');
                $('#my_image').attr('src', 'images/positive.png');
                $('h5').text('You need to get the fastest growing language on the planet!');
            }
            else if ( val >= 11 && val <= 18 ) {
                $('.display-emoji').css('display', 'inline-block');
                $('#my_image').attr('src', 'images/laughing_hard.png');
                $('h5').text("That's great. Ofono is perfect for you");
            }
            else if ( val >= 19 && val <= 29 ) {
                $('.display-emoji').css('display', 'inline-block');
                $('#my_image').attr('src', 'images/cool.png');
                $('h5').text("Fantastic! You're a super user and will love Ofono");
            }
            else {
                $('.display-emoji').css('display', 'inline-block');
                $('#my_image').attr('src', 'images/Ofonicons_v5.2-(1).png');
                $('h5').text("You're an emoji megastar. Come lead the way with Ofono");
            }    
        }
    });
})

$（文档）.ready（函数（）{
var img=[“images/lonely.png”、“images/positive.png”、“images/laugh_hard.png”、“images/cool.png”、“images/Ofonicons_v5.2-（1.png）”；
var txt=[“用充满情感的信息点亮你的生活！”，“你需要获得这个星球上增长最快的语言！”，“太棒了。Ofono非常适合你”，“太棒了！你是一个超级用户，并且会爱上Ofono”，“你是一个表情符号巨星。来用Ofono带路吧”]
$（“.search”）。在（“向下键”上，函数搜索（e）{
如果（e.keyCode==13）{
var val=$（'input'）.val（）；
如果（val.length==0）{
$（'.display emoji'）.css（'display'，'none'）；
}否则{
$（'.display emoji'）.css（'display'，'inline block'）；
开关（val）{
案例（val=4&&val=11&&val=19&&val您能告诉我们到目前为止您尝试了哪些不起作用的方法，我们可以给您一些建议吗？请您自己先尝试一下，并告诉我们您遇到了什么问题。您的问题似乎是问如何缩短代码。它已经相当简洁了-您可以添加一系列选项以减少错误代码/更易于维护，但不会“更好”。您可能还希望选择包含主题和内容的。然后将您的问题带到：是否有错误消息。因为这与您的代码相同。我还需要在其中设置范围百分比，但在jquery中。我如何才能做到？这是什么范围？范围或不同的意思（val=11&&val=30）对于这个，它是70%以上对不起，但我不明白。什么百分比？val（）的百分比？以前定义的值的百分比？
$(document).ready(function () {
    var img = ["images/lonely.png","images/positive.png","images/laughing_hard.png","images/cool.png","images/Ofonicons_v5.2-(1).png"];
    var txt = ["Brighten up your life with emotion packed messages!","You need to get the fastest growing language on the planet!","That's great. Ofono is perfect for you","Fantastic! You're a super user and will love Ofono","You're an emoji megastar. Come lead the way with Ofono"]
    $(".search").on("keydown",function search(e) {
        if(e.keyCode == 13) {
            var val = $('input').val();
            if( val.length === 0 ) {
                $('.display-emoji').css('display', 'none');
            } else {
                $('.display-emoji').css('display', 'inline-block');
                switch (val){
                    case (val <=3): $('#my_image').attr('src', img[0]); $('h5').text(txt[0]); break;
                    case (val >= 4 && val <= 10): $('#my_image').attr('src', img[1]); $('h5').text(txt[1]); break;
                    case (val >= 11 && val <= 18): $('#my_image').attr('src', img[2]); $('h5').text(txt[2]); break;
                    case (val >= 19 && val <= 29 ): $('#my_image').attr('src', img[3]); $('h5').text(txt[3]); break;
                    default: $('#my_image').attr('src', img[4]); $('h5').text(txt[4]); break;
                }
            }  
        }
    });
})

$(document).ready(function () {
    var img = ["images/lonely.png","images/positive.png","images/laughing_hard.png","images/cool.png","images/Ofonicons_v5.2-(1).png"];
    var txt = ["Brighten up your life with emotion packed messages!","You need to get the fastest growing language on the planet!","That's great. Ofono is perfect for you","Fantastic! You're a super user and will love Ofono","You're an emoji megastar. Come lead the way with Ofono"]
    var nbMax = 50
    $(".search").on("keydown",function search(e) {
        if(e.keyCode == 13) {
            var val = $('input').val();
            if( val.length === 0 ) {
                $('.display-emoji').css('display', 'none');
            } else {
                $('.display-emoji').css('display', 'inline-block');
                switch (val){
                    case (val <= (nbMax*10/100) ): $('#my_image').attr('src', img[0]); $('h5').text(txt[0]); break;
                    case (val >= (nbMax*11/10) && val <= (nbMax*25/100) ): $('#my_image').attr('src', img[1]); $('h5').text(txt[1]); break;
                    case (val >= (nbMax*26/100) && val <= (nbMax*40/100)): $('#my_image').attr('src', img[2]); $('h5').text(txt[2]); break;
                    case (val >= (nbMax*41/100) && val <= (nbMax*70/100) ): $('#my_image').attr('src', img[3]); $('h5').text(txt[3]); break;
                    default: $('#my_image').attr('src', img[4]); $('h5').text(txt[4]); break;
                }
            }  
        }
    });
})