动态类的名称隐藏表单条目中的jQuery

Question

我试图用类名来隐藏类，例如：

$(".Half_Vent").hide(); 

它工作正常。但我想用下拉选择选项的值来动态替换.Half_Vent，这里是我使用的语法：

$("\"."+ $("#details").val()+"\"").hide(); 

解决为.Half_Vent值是好的，但整个jQuery的不能正常工作。

有什么想法？

Answer 1

删除\”，即：

$("."+ $("#details").val()).hide(); 

Answer 2

$(function(){ 
 
\t $("#cambio").on('change', function(){ 
 
\t \t $("."+$(this).val()).hide(); 
 
\t }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="cambio"> 
 
    <option value="select">Select</option> 
 
    <option value="muestra">Muestra</option> 
 
    <option value="muestrab">Muestra B</option> 
 
    <option value="muestrac">Muestra C</option> 
 
</select> 
 
<div class="muestra">Muestra 1</div> 
 
<div class="muestrab">Muestra 2</div> 
 
<div class="muestrac">Muestra 3</div>

试试这个：

<select id="cambio"> 
    <option value="select">Select</option> 
    <option value="muestra">Muestra</option> 
    <option value="muestrab">Muestra B</option>` 
    <option value="muestrac">Muestra C</option> 
</select> 
<div class="muestra">Muestra 1 </div> 
<div class="muestrab">Muestra 2 </div> 
<div class="muestrac">Muestra 3 </div> 

$(function(){ 
    $("#cambio").on('change', function(){ 
     $("."+$(this).val()).hide(); 
    }) 
}) 

你控制变化