jquery - 属性からサイズ変更可能なjquery

Question

複数のクラスのサイズを変更できました

$('.s').resizable({ alsoResize: '.1,.2,.3' });

しかし、サイズ変更したメインオブジェクトの属性からサイズ変更可能なオブジェクトを取得したいと思います。そこで属性値を取得するにはどうすればよいですか？

私は試した：

<script>
$(document).ready(function() {
    $( ".resizable" ).resizable({
        maxHeight: 100,
        maxWidth: 162,
        minHeight: 14,
        minWidth: 162,

        alsoResize: "."+$(this).attr('number')+" "
    });
});
</script>

しかし、それは機能していません。誰かが助けることができますか？

これがテスト用のjfiddleです：Fiddle

Answer 1

$.eachあなたはまたは多分でリストを構築することができます$.map：

$.map($('your-selector'), function (element) { 
    return '.' + $(element).attr('number'); 
}).join(',')

Answer 2

これは機能します：

js:

$(".res").mouseover(function() {
    //alert($(this).attr("number"));
    $(".res").resizable( "option", "alsoResize", $(this).attr("number") );
    });

$(".res").resizable({
    });

html:

<div id="div" class="a res ui-widget ui-widget-content" number=".b">Test A</div>
<div id="div" class="b res ui-widget ui-widget-content" number=".c">Test B</div>
<div id="div" class="c res ui-widget ui-widget-content" number=".a,.b">Test C</div>