Jquery - 在同一个容器类div中选择div?

时间:2012-06-10 12:07:40

标签: javascript jquery ajax jquery-selectors

我在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>

目前我正在使用collowing Jquery来处理#main-post div出现的时间以及何时将该帖子的数据放入div中。

$(".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 个答案:

答案 0 :(得分:1)

1)当你要在标记上添加新元素时,我建议你使用.on('click', function() {

2)点击图片后,使用.find().parent()来准确输入。