读取逗号分隔值并显示在2列中-Jquery
我使用以下Jquery脚本显示页面内容displayImages.php读取逗号分隔值并显示在2列中-Jquery,jquery,Jquery,我使用以下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/disp
<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>
$(“#siteloader”).html(“”);
它工作得很好,文件名显示为ball.jpg、lotus.jpg、ScanImage6640.jpg
我试图做的是(1)以字符串形式获取结果
(2)从上述结果中分割逗号分隔的值,并在图像标记中显示图像作为示例
3) 然后在两列之后添加一个
,并显示第三个和第四个图像,很快……因此,结果如下所示
假设您有逗号分隔字符串可用:
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/>');
});
var str='ball.jpg、lotus.jpg、ScanImage6640.jpg',
arr=str.split(',');
$。每个(arr,函数(k,v){
//创建一个图像元素并将其附加到某个位置
var$imageElement=$('');
});
这应该让你开始。如果有任何不清楚的地方,请告诉我。您将如何从加载的对象中获取数据?对meso来说,它似乎是跨域的。它是$(“#siteloader”).split吗?@user580950最有可能
var arr=$(“#siteloader”).text().split(',')
我应该在html中添加图像标记吗?@user580950不,它是动态创建的。我已经更新了代码,使其更具可读性。我在这里上传了脚本,不确定我做错了什么