jquery - $(this).attr ('img' ) 返回 null 或 [object Object] 不是值

Question

这是我的问题。我正在我的网站中创建自己的图像弹出窗口。

这是弹出窗口之前的脚本

<script> clicked = $('#gatb-1').click(function() { 
  return this.getAttribute('imid') }); </script>

*注意:clicked是全局变量

这是图片代码:

<?php foreach ($the_picture as $picture) : ?>
<a id="gatb-1" imid="http://somesite.com/img/image.jpg" class="glr">
<div class="picture">
<img src="http://somesite.com/img/image.jpg" width="340px">
</div>
</a>
<?php endforeach; ?>

然后在图片代码下面调用弹窗代码，这是弹窗display:block时的脚本

这是弹出的 div:

<div class="popup">
<script>
$(document).ready(function() { 
    $('#thmg').attr('src', clicked); }); 
</script>
<table>
<tr>
<td>left link</td>
<td><div class="picts"><img id="thmg" src="target here"></div></td>
<td>Right link</td>
</table>
</div>

在弹出窗口之前我也尝试过这段代码，但它是相同的。总是返回 [object Object] 或返回 null

$(this).attr('imid')

结果是这样的:

<img src="[object object]">

那么，我该如何传递该属性呢？或者我做错了什么？

Answer 1

对我有用...

var img = $("#gatb-1").attr('img');
$("#thmg").attr('src', img);

http://jsfiddle.net/chovy/Srx55/