Javascript 使用jquery从另一个元素获取输入id

我正在尝试使用jquery获取输入的id。我要做的是获取我单击的按钮的id，然后连接字符串以获取我想要的元素的id。但是当我让var picloc显示时，它表示未定义。如何获取隐藏输入的id

$('.photo-frame').click(function (){
var id = this.id;
var picloc = $('#'+id+'_location').val();
$('#picture-selected').html(id);

});

<span class="photo-frame"  id="<?php echo $filetitle2;?>">
</span>
<input id="<?php echo $filetitle2;?>_location" type="hidden">

$（'.photo frame'）。单击（函数（）{
var id=this.id；
var picloc=$（“#”+id+“#u位置”）.val（）；
$（'选定图片'）.html（id）；
});
有一些问题

此
指文档本身。您应该用
$（）
将其包围，以便指向单击的元素。我不知道
[object].id
是否可用

按如下所示更改该行

var id = $(this).attr('id');

试试这个：

$('.photo-frame').click(function (){
var id = $(this).attr('id');
var picloc = $('#'+id+'_location').val();
$('#picture-selected').html(id);

});

您可以尝试以下方法：

var currentId = $('#element').attr('id');

这仅在您拥有有效的jQuery对象的情况下有效，例如：

var currentId = $(this).attr('id');

您确定要在
$（document）.ready（function（）{…}）中使用上述代码块吗或页面本身。
如果隐藏元素只是DOM中span的下一个元素，则可以使用以下脚本

$('.photo-frame').click(function (){
var hidden_element = $(this).next('input:hidden').val();
});

$('.photo-frame').click(function (){
var hidden_element = $(this).next('input:hidden').val();
});