テーブルTDは、そのCSSを取っていない

Question

var $imageicon = $('<image/>'); 
$imageicon.attr('src', '../../Content/images/ReplyIcon.png'); 
$imageicon.addClass('replyIcon'); 
var $table = $('<table/>').addClass('replyContent'); 
$table.attr('id', 'replyArea'); 

$table.append(
         $('<tr>').append($('<td>').append($imageicon).addClass('replyIcontd'), $('<td>').text('hii')) 
    ); 
$("#container").append(
       $('<div/>') 
        .attr('id', 'replytopost') 
        .append($table) 
      ); 

CSS

.replyIcontd 
{ 
    width:5%; 

} 

テーブルが現れているが、私は、5％の幅を縮小しようとしていますHIIと画像の間のスペースを小さくするwaentけどやることができませんそれ 私は画像HIIは1つのTDで、.Iが並んで来て、それらの両方を望ん1つのTD okです

Answer 1

あなたが動的に作成した要素の終了を/に忘れてしまった。

$('<tr />').append($('<td />').append($imageicon).addClass('replyIcontd'), $('<td />').text('hii')); 

---

更新 私はこれを行うための適切な方法で、あなたのスクリプトのいくつかの非常に大きな変更を加えました。

var $imageicon = $('<img />', { 
    'src' : '../../Content/images/ReplyIcon.png', 
    'class' : 'replyIcon' 
}); 

var $table = $('<table/>', { 
    "class" : "replyContent", 
    "id" : "replayArea", 
    'html' : $('<tr />', { 
       'html' : $('<td />', { 
        'class': 'replyIcontd', 
        'html' : $imageicon 
       }).html()+$("<td />", { 
        'text' : 'hii' 
       }).html()      
       }) 

}); 

Demo

Answer 2

私は多分あなたと思います問題は、固定幅の代わりにパーセントを使用することです。自分のコンピュータで試してみましたが、このスタイルはテーブルのデータに適用されていました。

あなたのCSSを拡張しようとすることができます：

.replyIcontd 
{ 
    width: 200px; 
    background: red; 
} 

また、これはあなたのために働くかもしれない、とあなたはちょうどその200pxより適切な値を使用する必要があります。 5％の幅はテーブルの幅を基準にしていることに注意することが重要です。