2012-12-29 106 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

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