Как избежать пробелов и «и» символы в селекторе

Question

Я хотел бы избежать пробелов и & в селекторе:

$("input[name='TherapeuticArea']").click(function() { 
    var area = $(this).val(); // = "first & last" 
    $("div[id=" + area + ']').show(); 
}); 

Answer 1

Я предлагаю, используя чистую data-value="first-last" и используя $(this).data('value')

Так код будет выглядеть так:

HTML

<input name="TherapeuticArea" value="First & last" data-value="first-last"> 

JS

$("input[name='TherapeuticArea']").click(function() { 
    var area = $(this).data('value'); 
    $("div[id=" + area + ']').show(); 
});