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%;
}
表格出现了,但我不想减少 hii 和图像之间的空间 我试图将宽度减少到 5%,但我做不到 我的图像 hii 是一个 td,ok 是一个 td。我希望它们并排出现
最佳答案
您忘记为动态创建的元素添加结束符 /
。
$('<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()
})
});
关于jquery - 表 td 在动态创建时未采用其 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10364678/