jqueryにidを渡すクリーナーの方法

Question

idをtimepicker関数に渡すよりクリーンな方法があるかどうかは不思議です。ここで私が持っているものです。

JS：

function timedrop(id){ 
    $("#" + id).timepicker(); 
    $("#" + id).timepicker('option', { 'minTime': '9:00am', 'maxTime': 
             '9:00pm', 'timeFormat': 'h:i A' }); 
} 

HTML：要するに

<input id="basicExample" onclick="timedrop(this.id);" type="text" class="time ui-timepicker-input" autocomplete="off"> 

Answer 1

：なし。それはおそらく最善の方法です。

HTML：：

<input id="basicExample" type="text" class="time ui-timepicker-input special-time" autocomplete="off"> 

JS：

$('.special-time').click(function(){ 
    $(this).timepicker('option', { 'minTime': '9:00am', 'maxTime': 
              '9:00pm', 'timeFormat': 'h:i A' }); 
}); 

Answer 2

あなたの場合しかし、あなたは（あなたにはJavaScriptを毎回実行する必要はありません）カスタムクラスを使用して、より効率的なコードを作ることができますその後、thisを渡すと動作するはずです、どこか他のIDを必要としません：

function timedrop(elem){ 
    $(elem).timepicker(); 
    $(elem).timepicker('option', { 'minTime': '9:00am', 'maxTime': 
             '9:00pm', 'timeFormat': 'h:i A' }); 
} 

<input id="basicExample" onclick="timedrop(this);" type="text" 
     class="time ui-timepicker-input" autocomplete="off"> 

EDIT：もちろんを他の人からの助言があります。私の答えは、コードをよりきれいに見せることです。