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

时间:2013-12-03 06:31:50

标签: javascript jquery input hidden

我正在尝试使用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">

5 个答案:

答案 0 :(得分:1)

试试这个:

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

});

答案 1 :(得分:1)

如果隐藏元素只是DOM中的下一个span,那么您可以使用以下脚本。

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

答案 2 :(得分:0)

var id = this.id;

有一些问题。

this指的是文档本身。您应该使用$()将其包围,以便指向所单击的元素。我不知道[object].id是否可用。

按以下方式更改行。

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

答案 3 :(得分:0)

你可以试试这个:

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

只有拥有有效的jQuery对象$(this),例如:

,这才有效
var currentId = $(this).attr('id');

答案 4 :(得分:0)

您确定在$(document).ready(function(){ ... });或页面本身内使用上述代码块。