Wie zu entkommen Räume und Zeichen „&“ im Selektor

Question

Ich mag würde Räume und & in einem id-Selektor zu entkommen:

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

Answer 1

ich eine saubere data-value="first-last" mit empfiehlt und $(this).data('value')

So Ihr Code würde wie folgt aussehen:

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(); 
});