Jquery.ui:从当前元素获取id

时间:2012-12-29 16:32:45

标签: jquery resize resizable

在调整大小时,如何获取当前元素的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">

2 个答案:

答案 0 :(得分:2)

试试这个

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

答案 1 :(得分:0)

使用$(this)。它对我有用。