Question

我需要帮助.. 我更改了body标签类：

<body class="front">
<select class="style-change">
<option value="green">Green</option>
<option value="red">Red</option>
<option value="blue">Blue</option>
 </select>


<script>
$('.style-change').change(function(){
    $('body').removeClass();
    $('body').addClass($(this).val());
});

</script>

但我需要改变然后我点击菜单 - 改变身体风格和其他菜单元素.... 然后我点击菜单我要更改菜单和红色绿色或蓝色的身体“前面”

Answer 1

首先从body标签中删除所有类，然后应用新类。

<script>
$('.style-change').change(function(){
    $('body').removeAttr('class');
    $('body').attr('class', $('.style-change option:selected').val());
});
</script>

Answer 2

尝试：

$('.style-change').change(function(){
    var color = $('option:selected',this).val();
    $('body').removeClass().addClass(color);
});

Answer 3

$('select.style-change').change(function() {
    var selectedColor = $(this).find('option:selected').val();
    $('body').removeClass().addClass(selectedColor);
});

Answer 4

您需要将jQuery脚本包含在document.ready中：

$(function() {
     $('.style-change').change(function(){
    $('body').removeClass();
    $('body').addClass($(this).val());
});

  });

DEMO

用于菜单的CSS主体切换器

4 个答案: