使用jquery通过DOM循环

Question

我有一个想法，Wordpress动态选择最小的特色图像进行响应式设计。我只有两种尺寸。在html中，扩展名为“-360x360”的编码。大的结尾只是.jpg。这个想法只是在父级更大时剥离扩展。现在只需内联代码。

我的宽度合适。也进入循环。但DOM并没有改变。 我真的认为它昨晚有效......;）

<script type="text/javascript">
$(document).ready(function(){
var width = $("article").width();
//alert (width);
if ( width > 360 ) {
//alert("in loop");
  $("article").children("img").each(function( index, element ) {
    $( element ).attr( "width", "720" );
    $( element ).attr( "height", "720" );
    var src = $( element ).attr("src");
    var index = $( element ).attr("src").indexOf("-360x360");
    var new_src = src.substring(0,index) + ".jpg";
    $( element ).attr( "src", new_src );
    });
  };
});
</script>