データベースから 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)
});
});
では、画像のサムネイルと同じ包含クラスにある入力フィールドの値を正しく選択するにはどうすればよいでしょうか?