1

データベースから 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)
        });

});

では、画像のサムネイルと同じ包含クラスにある入力フィールドの値を正しく選択するにはどうすればよいでしょうか?

4

5 に答える 5

1

これを試して:

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

});
于 2012-06-10T14:45:22.727 に答える
1
$(".linktopost").click(
function(){ var ValueToPost= $(this).next("input").val();

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



});
于 2012-06-10T14:46:49.757 に答える
1

要素の代わりにデータを使用できます。要素を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)
        });
});
于 2012-06-10T14:47:17.607 に答える
0

以下を試してください

$(yourImage).parent().find('.postid').get(0)

于 2012-06-10T14:46:33.120 に答える
0

お気づきかどうかわかりませんが、値を選択する代わりに、実際に行っているのは #gotpostid 要素に値を設定することです。

値を選択するには、これがアプローチです:

$value = $('#gotpostid').val();

設定している場合:

$('#gotpostid').val($value);
于 2012-06-10T14:47:53.253 に答える