jquery - 读取逗号分隔值并在 2 列中显示 - Jquery

Question

我正在使用以下 Jquery 脚本来显示页面内容 displayImages.php

 <div id="siteloader"></div>​
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script>
      $("#siteloader").html('<object data="http://www.abc.com/displayImages.php">');
    </script>

效果很好并将文件名显示为 ball.jpg,lotus.jpg,ScanImage6640.jpg

我要做的是
（1）在字符串中获取结果
（2）从上面的结果中拆分逗号分隔值并在图像标签中显示图像，例如
<img src="http://abc.com/images/ball.jpg"> <img src="http://abc.com/images/lotus.jpg">
3）然后在 2 列之后添加 <BR> 并显示第三和第四图像和很快......
所以结果将如下所示

Answer 1

假设您有可用的逗号分隔字符串：

var str = 'ball.jpg,lotus.jpg,ScanImage6640.jpg',
    arr = str.split(',');

$.each(arr, function(k, v){

     //create an image element and append it somewhere
     var $imageElement = $('<img/>').prop({ src: v });

     $imageElement.appendTo('#something');

     if(k % 2 === 0) //each even iteration (0,2,4,6 etc)
                     //use i % 3 === 0 for each third row etc.
         $('#something').append('<br/>');
});

这应该让你开始。让我知道是否有任何不清楚的地方。