Html 如何在动态创建的按钮中添加字体图标
在我的HTML页面中,我在特定列的每一行中都有一个按钮。用户可以在运行时添加新行,这些按钮也会和每行中的其余字段一起插入 将使用以下命令附加这些按钮:Html 如何在动态创建的按钮中添加字体图标,html,jquery,button,font-awesome,Html,Jquery,Button,Font Awesome,在我的HTML页面中,我在特定列的每一行中都有一个按钮。用户可以在运行时添加新行,这些按钮也会和每行中的其余字段一起插入 将使用以下命令附加这些按钮: function funcAddBtnOpenPad() { // This funct being called at page onload // VARS FOR ADDING BUTTON IN CELL "5" // STORING BUTTON ATTRIBUTES var btnOpenPad = $('&l
function funcAddBtnOpenPad() { // This funct being called at page onload
// VARS FOR ADDING BUTTON IN CELL "5"
// STORING BUTTON ATTRIBUTES
var btnOpenPad = $('<input/>').attr({ type: 'button', id:'idBtnOpenPad', class:'clsBtnOpenPad', name:'btnOpenPad', value:'OpenPad' });
$('#childTable tr').each(function(tempRowIdx) {
// CONSTRUCT TAG FOR BUTTON "OpenPad" IN CELL "5"
tempButtonCellTag = 'id_tIndx'+tempRowIdx+5;
// HERE WE ARE INSERTING THE BUTTON "OpenPad" <<<<
$('#'+ tempButtonCellTag).append(btnOpenPad);
});
}
var btnOpenPad = $('<input/>').attr({ type: 'button', id:'idBtnOpenPad', class:'clsBtnOpenPad fa fa-pencil', name:'btnOpenPad', value:'OpenPad' });
函数funcAddBtnOpenPad(){//此函数在页面加载时被调用
//用于在单元格“5”中添加按钮的变量
//存储按钮属性
var btnOpenPad=$('').attr({type:'button',id:'idBtnOpenPad',class:'clsBtnOpenPad',name:'btnOpenPad',value:'OpenPad'});
$('#childTable tr')。每个(函数(tempRowIdx){
//为单元格“5”中的按钮“OpenPad”构造标记
tempButtonCellTag='id_tIndx'+tempRowIdx+5;
//这里我们插入按钮“OpenPad”尝试通过html()而不是appand()添加
这有什么用?
let ButtonCellTag = $('#'+ tempButtonCellTag);
ButtonCellTag.html(ButtonCellTag.html() + btnOpenPad)