jquery - 选择图像 ID

Question

我正在尝试获取单击的图像的 id，然后将其与表单一起提交（通过设置隐藏的 imagenr 输入的 val）。但是我不知道如何提取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

您可以使用以下方法直接获取任何属性的值：

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

祝你好运。

Answer 3

$(".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

$(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

        })
    });