如何設置動態數據的css屬性

我正在使用javascript在div標籤中編寫一些內容。數據通過ajax接收。這裏是腳本如何設置動態數據的css屬性

$.ajax({ 
      url :' the url', 
      data : { 
       productValue: selectedText, 
       giveMyId : saveMyName 
      }, 
      type: 'POST', 
      dataType: 'json', 
      success: function(data) 
      { 
       var imageHTML=''; 
       var dataLength=data.length; 
       photosHasPath=data[0]; 
       if(dataLength > 1) 
       { 
       for(var i=1;i<dataLength;i++) 
       { 
        allProductNames.push(data[i]); 
        imageHTML += '<img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em;">' + 
          ' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\">'; 
       } 
       $('#pastePhotos').html(imageHTML); 
      } 
      else 
      { 
       $('#pastePhotos').html('<i>No photos left.</i>'); 
      } 

      } 
     });

現在我想設置這個div的CSS屬性（ID爲「pastePhotos」），這是顯示：內聯表。但它不工作。它以單行顯示圖像和刪除按鈕。

問題： -
那麼我該如何設置css屬性呢？

注： -
我已經嘗試下面的事情
1。

imageHTML += '<img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em; display: inline-table;">' + 

' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\">';

2。 '<div style="display: inline-table;">' + imageHtml + '</div>'

3。 <div id="pastePhotos" style="display: inline-table;">

來源

2014-01-21 Let me see

沒有必要將樣式內嵌在Javascript代碼中。既然你已經給了id，你可以簡單地在一個CSS文件或style元素

#pastePhotos { 
    display: inline-table; 
}

然而，主要的問題似乎缺少作風爲img和input元素添加樣式。對於這一點，你必須添加一個

#pastePhotos img, #pastePhotos input { 
    display: table-cell; 
}

，幷包起來的額外div爲table-row

imageHTML += '<div class="img-row"><img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em;">' + 
      ' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\"></div>';

#pastePhotos .img-row { 
    display: table-row; 
}

來源

2014-01-21 07:31:19

謝謝主席先生。它的工作現在。 –

您可以使用jQuery直接添加CSS屬性

正如$('#pastePhotos').css (propertyName, value)

http://api.jquery.com/css/#css2

，或者如果你有你的屬性的樣式類，你也可以使用jQuery來添加這個類

$('#pastePhotos').addClass("myStyle");

來源

2014-01-21 07:25:05

在中添加一個complete: function(){}塊。然後用$('#pastePhotos').css("display", 'inline-table')等添加使用javascript的css和complete塊。

來源

2014-01-21 07:27:27

如何設置動態數據的css屬性

回答

相關問題