使用JQuery如何创建控件的类名？

如何解决使用JQuery如何创建控件的类名？

| 我以以下方式使用添加：

$(\'#city\').append(\'<div class=\"c\">\' + value[\'name\'] + \'. \' + value[\'city\'] + \',\' + 
                        value[\'state\'] +\' \' +  value[\'zip\'] + \' \' + \'</div>\');

结果是这样的：

<div class=\"c\">
Antone Stark. Doyletown,Rhode Island 43467 
</div>

您如何使用value [\'state \']命名课程？

<div class=\"MyCustomClass\">

    

解决方法

        如果状态是两个字母代码，则可以执行以下操作：

$(\'#city\').append(\'<div class=\"\'+value[\'state\']+\'\">\' + value[\'name\'] + \'. \' + value[\'city\'] + \',\' + 
                    value[\'state\'] +\' \' +  value[\'zip\'] + \' \' + \'</div>\');

但是，类是用空格分隔的，这意味着当它们被空格分开时，它们被视为分开的。因此，如果您在此处添加带有空格的内容（例如\“ Rhode Island \”），则会将它们视为单独的类（例如\“ Rhode \”和\“ Island \”），因此您可能希望将空格替换为下划线等。

$(\'#city\').append(\'<div class=\"\'+value[\'state\'].replace(/ /g,\'_\')+\'\">\' + value[\'name\'] + \'. \' + value[\'city\'] + \',\' + 
                    value[\'state\'] +\' \' +  value[\'zip\'] + \' \' + \'</div>\');

因此，对于罗德岛，将产生：

<div class=\"Rhode_Island\">

然后可以在CSS中引用：

.Rhode_Island {color:blue}

或jQuery：

$(\'.Rhode_Island\').... (do something)

等等 但是，如果您不重复这些操作，则将其生成为id而不是类（即生成（8ѭ而不是

<div class=\"Rhode_Island\">

）可能更合适。     ,        

$(\'#city\').append(\'<div class=\"\' + value[\'state\'].replace(/ /g,\'_\') + \'\">\'

...