jquery - 画像IDを選択

Question

クリックされた画像のIDを取得し、フォームで送信しようとしています（非表示のimagenr入力の値を設定します）。ただし、IDを取得する方法がわかりません。

    $(document).ready(function () {
            $(".test-img").click(function () {

                var imagevar = // How to grab the clicked img id?
                $("#imagenr").val(imagevar); // set the img id to the hidden input
                $("form#test-form").submit(); // submit the form

            })
        })




<form action="#" method="post" id="test-form">
<input type="hidden" name="imagenr" id="imagenr" value="">

<img class="test-img" id="1" src="images/image1.jpg" alt=""/>
<img class="test-img" id="2" src="images/image2.jpg" alt=""/>

</form>

Answer 1

を使用するだけthis.idで、jQueryでラップする必要はありません。

var imagevar = this.id;

jsfiddleの例

Answer 2

$(".test-img").click(function () {
   var imagevar = $(this).attr('id');
   $("#imagenr").val(imagevar); // set the img id to the hidden input
   $("form#test-form").submit(); // submit the form
})

Answer 3

$(document).ready(function () {
        $(".test-img").click(function () {

            var imagevar = $(this).attr('id');
            $("#imagenr").val(imagevar); // set the img id to the hidden input
            $("form#test-form").submit(); // submit the form

        })
    });

Answer 4

次のようなものを使用して、任意の属性の値を直接取得できます。

$(this).attr('id');

幸運を。