2012-12-29 103 views
0

如何在调整大小时获取当前元素的ID?我做了不起作用以下,谢谢Jquery.ui:从当前元素获取ID

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
$(document).ready(
function(){ 
    $(".resizable").resizable({ 
     resize: function(event, ui) {alert(ui.element.id)} 
    }) 
} 
); 
</script> 

<img class="resizable" id="25" src="test1.jpg"> 
<img class="resizable" id="26" src="test2.jpg"> 
<img class="resizable" id="27" src="test3.jpg"> 
+0

我不确定这是否被提及,但在HTML ID中不能以数字开头。 –

回答

2

试试这个

$(".resizable").resizable({ 
    resize: function(event, ui) { 
      alert($(ui.element).children('img').attr('id')); 
    } 
}); 
+0

结果:undefined –

+0

@HermannGolden经过一些测试后,我发现它添加了一个包装div,因此您需要使用$(ui.element).children('img')。attr('id')。我已经更新了我的回答来证明这一点 – MattG

0

使用$(本)。它为我工作。