jquery - JQueryで画像（タイトル）をクリックして入力フィールドに入力する

Question

私のhtmlは次のようになります

<input type="search" id="starSearch" />
<img src="image.png" title="How to do this">

検索フィールドに画像のタイトル属性値を入力するこのスクリプトを変更するにはどうすればよいですか? このコードは知っていますが、リンクと innerHTML のみです

 $(function(){
    $('.special_field_link').live('click', function() {
        $("#a_input_id").val($(this).html());
    });
});

Answer 1

 $(document).ready(function() {
   $('img').click(function(){
    $('#starSearch').val($(this).attr('title'));
  })
});​

デモ: http://jsfiddle.net/gopalrohila/vzZ22/

Answer 2

そんな感じ：

$(document).on("click", "img", function() {
    $("#starSearch").val(this.title);
});

注: は使用しないでくださいlive。非推奨です。onイベント委任で使用します。

デモ: http://jsfiddle.net/MqnfB/

Answer 3

これを試して

<img src="image.png" title="How to do this" id="imgtit">

JS

   $(function(){
        $('.special_field_link').live('click', function() {
            $("#a_input_id").val($("#imgtit").attr('title'));
        });
    });