php - 如何在 jQuery 中正确使用开关？

Question

  $(document).ready(function() {
    //set all logo images based on data returned from database
    var WinBack = $('div.jWinBackFrom').html();
    switch(WinBack) {
        case '1': //If database returns 1 : set Verizon FiOS logo
        $('div.jWinBackFrom').prepend('<img id="WinBackLogo" src="<?php echo site_url();?>/assets/images/verizon-fios-logo.jpg" />');
        break;

        case '2': //If database returns 2 : set DirecTV logo
        $('div.jWinBackFrom').prepend('<img id="WinBackLogo" src="<?php echo base_url();?>assets/images/directv-logo.jpg" />');
        break;

        case '3': //If database returns 3 : set DISH Network logo
        $('div.jWinBackFrom').prepend('<img id="WinBackLogo" src="<?php echo base_url();?>assets/images/dish-network-logo.jpg" />');
        break;
    }

在页面上我有多个 <div class="jWinBackFrom"><?php echo $optimum['cWinBackFrom'][$i]; ?></div> for 循环内部。

想象一下 <div class="jWinBackFrom">1</div> 的输出, <div class="jWinBackFrom">2</div> , <div class="jWinBackFrom">3</div> , <div class="jWinBackFrom">2</div> , <div class="jWinBackFrom">1</div>``<div class="jWinBackFrom">3</div> , <div class="jWinBackFrom">1</div>基本上都是随机的。 jQuery 需要从所有这些 DIV 中获取值，并将数值与关联的图像进行切换。

有人能告诉我我这样做是否正确(意味着正确的方法)这是最有效的吗(可能不是)那么什么是？

我需要对许多其他字段重复此过程。我的理论是，让 DB 返回一个像 1 这样的简单值并使用 jQuery 动态构建页面会更快。

感谢您的帮助!谢谢!

Answer 1

我对 PHP 一无所知，但我倾向于将您的选项添加到数组中，然后查找索引。

var choices = [
    "", // Apparently nothing at index 0
    '<img id="WinBackLogo" src="<?php echo site_url();?>/assets/images/verizon-fios-logo.jpg" />',
    '<img id="WinBackLogo" src="<?php echo base_url();?>assets/images/directv-logo.jpg" />',
    '<img id="WinBackLogo" src="<?php echo base_url();?>assets/images/dish-network-logo.jpg" />'
]

$(document).ready(function() {
    $('div.jWinBackFrom').html(function(i, htm) {
        return choices[htm];
    });
});