在ajax的div屬性中添加一個變量div.append

Question

我正在用Django開發一個web應用程序，我有這個ajax，我正在刷新一些來自db的圖像，以便在模板中顯示它們。

function refreshUploadedImages() { 
    var inputs = ['Designer Name', 'Color', 'Fabric', 'Type', 'Tag', 'Subtag']; 
    $.getJSON('/admin/image-uploader/images', function(data) { 
     $('#uploadedFiles').empty(); 
     for (uiid in data) { 
      ui = data[uiid]; 

      var div = $('<div>'); 
      div.data('id', ui.id); 
      // image 
      var image = new Image(); 
      image.src = ui.url 
      image.width = 180; 
      div.append($('<div>').append(image)); 
      // list 
      var ul = $('<ul>') 
      div.append(ul) 
      // inputs 
      for (input in inputs) { 
       ul.append(
        $('<li>').append(
        $('<label>').append(
        $('<span>').append(document.createTextNode(inputs[input] + ':')) 
       ).append($('<input>')))); 
      } 
      $('#uploadedFiles').append(div); 
      div.append('<li><input type="button" class="delete-img-btn" id = <<ui.id>> img-id=image.id value="Delete"/></li>'); 
     } 
     $(window).trigger('uploadedImagesRefresh'); 
    }); 

    $(function(){ 
    // 
     $('.delete-img-btn').live('click', function() { 

      //asign the image id from the button attribute 'img-id' 
      var id= $(this).attr('img-id'); 
      //The data to be send via ajax the server will recieve 2 POST variables ie. 'action' and 'id'(which is the img id) 
      var data={ 
      'action':'/admin/image-uploader/', 
      'pk' : id, 
      'success':refreshUploadedImages 

      }; 
      //The ajax request. 
      vary = $('.delete-img-btn').attr('id'); 
      $.post("/admin/image-uploader/delete/"+vary , data); 

     }); 
    }); 
} 

我的問題是，在這一行

div.append('<li><input type="button" class="delete-img-btn" id = <<ui.id>> img-id=<<<image.id>>> value="Delete"/></li>'); 

我想給ID變量ui.id即它的div.append之外的某處定義（id = <<ui.id>>）。你能幫我解決這個問題嗎？

Answer 1

這就是你想要做的一切嗎？

div.append(
    '<li><input type="button" class="delete-img-btn" id="' 
     + ui.id + '" img-id="' 
     + image.id + '" value="Delete"/></li>'); 

image.id雖然沒有定義。