根据div数据的javascript case开关

**你好**

1） 我希望案例根据div“display”中显示的内容进行切换

• div显示屏显示单击“添加”按钮的次数

2） 如果数字超过4显示xxxx，也可以添加一个案例

3） 我可以在机箱中显示图像而不是文本吗

• 这是我的代码，但它不工作

$（'[id=display]'）。每个（函数（）{
var text=$（this.text（）；
text=$.trim（text）；
开关（文本）{
案例“1”：
$（'#final'）。文本（'x---'）；
打破
案例“2”：
$（'#final'）。文本（'xx--'）；
打破
案例“3”：
$（#final'）。文本（'xxx-'）；
打破
案例“4”：
$（'最终'）.text（'xxxx'）；
打破
违约：
$（'#final'）。文本（'---'）；
打破
}
});

var-capnum=0；
函数add（）{
capnum++；
document.getElementById（'display'）。innerHTML=capnum；
}
添加
文件写入（capnum）；
每次点击事件都需要更新。请参阅下面的代码

<script>
var capnum = 0;
function add() {
    capnum++;
    document.getElementById('display').innerHTML = capnum;
    update();
}
</script>

<script>
    function update() {
        $('[id=display]').each(function () {
            var text = $(this).text();
            text = $.trim(text);
            // discard switch statement for better (from dandavis's comment)
            $('#final').text({1:'x---',2: 'xx--',3:'xxx-', ... }[text] || '----'); 
        });
    }
</script>


var-capnum=0；
函数add（）{
capnum++；
document.getElementById（'display'）。innerHTML=capnum；
更新（）；
}
函数更新（）{
$（'[id=display]'）。每个（函数（）{
var text=$（this.text（）；
text=$.trim（text）；
//放弃switch语句以获得更好的效果（来自dandavis的评论）
$（'#final'）.text（{1:'x--'，2:'xx--'，3:'xxx--'，…}[text]| |'--'）；
});
}

问题3：当然。
每次点击事件都需要更新。请参阅下面的代码

<script>
var capnum = 0;
function add() {
    capnum++;
    document.getElementById('display').innerHTML = capnum;
    update();
}
</script>

<script>
    function update() {
        $('[id=display]').each(function () {
            var text = $(this).text();
            text = $.trim(text);
            // discard switch statement for better (from dandavis's comment)
            $('#final').text({1:'x---',2: 'xx--',3:'xxx-', ... }[text] || '----'); 
        });
    }
</script>


var-capnum=0；
函数add（）{
capnum++；
document.getElementById（'display'）。innerHTML=capnum；
更新（）；
}
函数更新（）{
$（'[id=display]'）。每个（函数（）{
var text=$（this.text（）；
text=$.trim（text）；
//放弃switch语句以获得更好的效果（来自dandavis的评论）
$（'#final'）.text（{1:'x--'，2:'xx--'，3:'xxx--'，…}[text]| |'--'）；
});
}

问题3：当然。
当您单击“添加”按钮时，是否应该更改某些内容？因为您的
每个
函数只运行一次，因为它不在
添加
函数中。当您单击“添加”按钮时，是否应该更改？因为
每个
函数只运行一次，因为它不在
add
函数
$（'#final'）内我试过小提琴它不起作用，你能试试吗<代码>$（“#final”）.text（{1:'x--'，2:'xx--'，3:'xxx--'，…}[text1]| |--'）我试过小提琴它不起作用，你能试试吗？