优化jquery的建议

suggestions for optimizing my jquery

本文关键字：jquery 优化      更新时间：2023-09-26

与其一次又一次地写这样的行，什么应该是专业的方式&编写相同代码的优化方式？请帮助

$(function(){
$('<img src="map/map_slice_1.jpg"/>').appendTo('#map_slice_1');
$('<img src="map/map_slice_2.jpg"/>').appendTo('#map_slice_2');
$('<img src="map/map_slice_3.jpg"/>').appendTo('#map_slice_3');
$('<img src="map/map_slice_4.jpg"/>').appendTo('#map_slice_4');
$('<img src="map/map_slice_5.jpg"/>').appendTo('#map_slice_5');
$('<img src="map/map_slice_6.jpg"/>').appendTo('#map_slice_6');
$('<img src="map/map_slice_7.jpg"/>').appendTo('#map_slice_7');
$('<img src="map/map_slice_8.jpg"/>').appendTo('#map_slice_8');             
});

$('[id^="map_slice_"]').append(function() { 
  return $('<img />', {src: 'map/' + this.id + '.jpg'});
});

尝试Fiddle

我会这样做：

$(function () {
    var i = 0; 
    while (i++ < 8) {
        $('#map_slice_' + i).append(
            '<img src="map/map_slice_' + i + '.jpg"/>'
        );
    }
});

尝试

$(function(){
  for (var i=0; i<8; i++)
  {
     $('<img src="map/map_slice_" + i + ".jpg"/>').appendTo('#map_slice_' + i);
  }   
});

对于优化不确定，但对于可维护性和行数：

for(var i=1; i<=8 i++) {
  $('<img src="map/map_slice_'+i+'.jpg"/>').appendTo('#map_slice_'+i);
}

有可能找到更好的方法来实现这一点。了解上下文可能会有所帮助。

相关文章：