Javascript Jquery-选择与此相同的容器类div中的div？

我在foreach循环中循环数据。在每个循环上，容器类包含以下内容：

foreach($resultarray AS $value){
        $filename = substr($value['img_file_name'],9);
        $cat_id = $value['cat_id'];
        echo '<article class="post">';
        echo '<div class="post_title">' . $value['post_title'] . '</div>';
        echo '<div class="post_info">' . 
        'Category: ' . $cat_name = get_cat_name($cat_id) .'<br />'. 
        'Year: ' . $value['post_year'] .'<br />'. 
        $value['post_desc'] .'<br />'. 
        '</div>';
        echo '<div class="link-to-post"><a href="#">Click to view</a></div>';
        echo '<a href="#" class="linktopost"><img class="post-thumb" src="img/thumb_/'.$filename.'" alt="MJbox Michael Jackson memorabilia thumbnail" /></a>';
        echo '<a href="#" class="linktopost"><img class="cover-img" src="img/post-bg-1.png" alt="test" /></a>';
        echo '<form name="form"><input type="text" class="postid" value="'.$value['post_id'].'" /></form>';
        echo '</article>';

    }

单击lintopost链接/图像时，我使用Jquery使以下div可见

<div id="main-post">
        <div id="gotpostid">some text</div>
</div>

目前，我正在使用collowjquery来处理主post div何时出现以及何时获取要放入div的post数据

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

});

我现在的问题是输入postid的值没有被正确选择。我如何选择它，使它从这个输入字段中获取值，而不仅仅是从它遇到的第一个.postid中获取值，这使得每个迭代的id都相同

我希望我解释得足够清楚。

1我建议您在“单击”时使用函数{在标记上添加新元素

---

2在单击image use.find和.parent以获得准确的输入后。

Hi，我尝试了{postid:$this.parent.find'input[class=postid]'.val}。使用parent在结构中后退一步以查找具有该名称的输入似乎是正确的，但它似乎不起作用。请尝试input.postid，而不是[class=postid]，因此：.find'input.postid'.val