Jqueryは、テキストが「From」または「To」の場合、テキストを削除します。

Question

検索エンジンを作成しています。私の検索エンジンでは、ユーザーが数値フィールドに最小値と最大値を指定できるようにします。私はデフォルトのテキスト "From"と4つのフィールドにデフォルトのテキスト "To"を持つ4つの入力テキストフィールドを持っています。

私はこれをやろうとしています： "From"または "To"にフォーカスを持っているフィールドのテキストが空白になるようにテキスト値を設定します。

<script> 
$(document).ready(function(){ 
    $(".recipe_search_text").focus(); 
     $(".recipe_search_text").val(""); 
    }); 
}); 
</script> 


<p><b>Max</b></p> 

<p>Calories<br /> 
<input type="text" name="number_serving_calories_from" value="From" size="5" class="recipe_search_text" /> 
<input type="text" name="number_serving_calories_to" value="To" size="5" class="recipe_search_text" /> 
<input type="submit" value="Search" class="btn btn_default" /> 
</p> 

<p>Calories<br /> 
<input type="text" name="number_serving_fat_from" value="From" size="5" class="recipe_search_text" /> 
<input type="text" name="number_serving_fat_to" value="To" size="5" class="recipe_search_text" /> 
<input type="submit" value="Search" class="btn btn_default" /> 
</p> 

<p>Carbs<br /> 
<input type="text" name="number_serving_carbs_from" value="From" size="5" class="recipe_search_text" /> 
<input type="text" name="number_serving_carbs_to" value="To" size="5" class="recipe_search_text" /> 
<input type="submit" value="Search" class="btn btn_default" /> 
</p> 

<p>Proteins<br /> 
<input type="text" name="number_serving_proteins_from" value="From" size="5" class="recipe_search_text" /> 
<input type="text" name="number_serving_proteins_to" value="To" size="5" class="recipe_search_text" /> 
<input type="submit" value="Search" class="btn btn_default" /> 
</p> 

Answer 1

$（「recipe_search_text」）は、8つの入力のすべての要素を選択し、我々だけでフォーカスしながら、現在の1の値を変更してみてください。とfocusInのコールバック匿名関数では、我々は唯一の現在の要素を更新する必要があるので、 （ "this"はキーワードであり、現在の要素を意味します）、8つすべてを更新することはできません。 ところで、私たちはすべての値をJqueryの "e​​ach"関数で更新する必要があります。私の素人の説明に申し訳ありません、私はJavascriptに精通していない。

<script> 
$(document).ready(function(){ 
    $(".recipe_search_text").focusin(
     function() { 
      $(this).val(""); 
     } 
    ); 
}); 
</script>