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;

<强> Example on 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');

祝你好运。

选择图片ID

4 个答案: