javascript - Jquery - 如何从中选择下一个元素？

Question

我正在从数据库中检索 9 个图像缩略图，每个缩略图都位于自己的 div 中，如下所示:

<div class="post">

<div class="post_desc"></div>
<div class="post_title"></div>
<a href="#" class="linktopost">**<img src="img/thumb.png" class="thumb-img"/>**</a>
<form>
**<input type="hidden" class="postid" value="'.$post_id.'" />**
</form>

</div>

使用 Jquery 我试图在单击缩略图时发布隐藏输入字段中的值，但我很难正确选择它。输入中的值随 9 个图像中的每一个而变化。

这是我对 Jquery 的了解:

$(".thumb-img").click(function(){

    $.post("inc/fullpost.php", {postid: ##########.val()},
        function(output){
            $("#gotpostid").html(output).show();
        }).fail(function(x,y,z){ 
            $("#gotpostid").html(x + "<br />" + y + "<br />" + z)
        });

});

那么如何正确选择与图像缩略图位于同一包含类中的输入字段中的值？

Answer 1

您可以使用 data而不是 hidden 元素。删除 hidden 元素，然后像这样尝试:

标记:

<img src="img/thumb.png" class="thumb-img" data-postid="'.$post_id.'"/>

脚本:

$(".thumb-img").click(function(){
    $.post("inc/fullpost.php", {postid: $(this).data('postid')},function(output){
            $("#gotpostid").html(output).show();
        }).fail(function(x,y,z){ 
            $("#gotpostid").html(x + "<br />" + y + "<br />" + z)
        });
});