Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将多个图像附加到span元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何将多个图像附加到span元素

Javascript 如何将多个图像附加到span元素,javascript,jquery,html,Javascript,Jquery,Html,当我从数据库中读取数字时,我想在span元素中动态插入多个图像 代码: $.ajax({ 类型:“POST”, url:“all_data.php”, 数据类型:“json”, cache:false, 成功:功能(响应){ 对于(变量i=0,len=response.data.length;i

当我从数据库中读取数字时,我想在span元素中动态插入多个图像

代码:

$.ajax({
类型:“POST”,
url:“all_data.php”,
数据类型:“json”,
cache:false,
成功:功能(响应){
对于(变量i=0,len=response.data.length;i
我需要检查变量
response.data[I].number中的数字,然后插入
x次数取决于该次数


我知道如何检查值,但我不知道如何在此内联文本中多次插入

我不确定是否正确理解了您的问题,但可能是类似的问题:

for (var i = 0; i < response.data.length; i++) {
    var number = response.data[i].number;
    var images = "";

    for(var j = 0; j < number; j++)
        images += '<img class="rating_img" src="../images/star.png" alt="rating"/>';

    $('.item_holder').append('<span class="rating_images">'+ images +'</span>');
}
for(var i=0;i
试试这个:

$.ajax({
    type: "POST",
    url: "all_data.php",
    dataType: 'json',
    cache: false,
    success: function(response) {
        var star_html = '<img class="rating_img" src="../images/star.png" alt="rating"/>';
        var make_stars = function(rating){
            var tpl = '';
            for(i=0; i<rating; i++){
                tpl += star_html;
            }
            return tpl;
        };

        $.each(response.data, function(){
            $('.item_holder').append('<span class="rating_images">'+make_stars(response.data[i].number)+'</span>');                
        });            
    }
});
$.ajax({
类型:“POST”,
url:“all_data.php”,
数据类型:“json”,
cache:false,
成功:功能(响应){
var star_html='';
var make_stars=功能(额定值){
var tpl=“”;
对于(i=0;i
$.ajax({
    type: "POST",
    url: "all_data.php",
    dataType: 'json',
    cache: false,
    success: function(response) {
        var star_html = '<img class="rating_img" src="../images/star.png" alt="rating"/>';
        var make_stars = function(rating){
            var tpl = '';
            for(i=0; i<rating; i++){
                tpl += star_html;
            }
            return tpl;
        };

        $.each(response.data, function(){
            $('.item_holder').append('<span class="rating_images">'+make_stars(response.data[i].number)+'</span>');                
        });            
    }
});