Javascript Jquery-如何从中选择下一个元素?
我正在从数据库中检索9个图像缩略图,每个缩略图位于自己的div中,如下所示:Javascript Jquery-如何从中选择下一个元素?,javascript,jquery,select,post,jquery-selectors,Javascript,Jquery,Select,Post,Jquery Selectors,我正在从数据库中检索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>
<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)
});
});
那么,如何正确选择与图像缩略图位于同一包含类中的输入字段中的值呢?请尝试以下操作:
$(".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)
});
});
试试下面的方法
$yourImage.parent.find.postid.get0可以代替隐藏元素使用。删除隐藏的元素,然后尝试如下操作:
$(".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)
});
});
标记:
脚本:
我不知道您是否意识到,但您所做的不是选择值,而是在gotpostid元素中设置值 要选择该值,这是一种方法:
$value = $('#gotpostid').val();
如果正在设置,则:
$('#gotpostid').val($value);
是.cover img还是.thumb img?你知道什么是gotpostid,这个问题的下一个要点是什么吗?你能详细说明你的问题吗?虽然与问题无关,但gotpostid是显示fullpost.php输出的div。我发送帖子,并将与该帖子相关的所有数据发送回我。
$value = $('#gotpostid').val();
$('#gotpostid').val($value);