Question

如何使用jquery设置表列的宽度。下面提供的代码无效。请帮忙。

  function addColumn(column) 
  {
    var iHtml;
    iHtml = "<tr><td  width="30%"><input type='checkbox'> " + column + '</td><td><input type="text" id="aln' + column + '"></td></tr>';
    return iHtml
  }

Answer 1

iHtml = '<tr><td  width="30%"><input type="checkbox"> ' + column + '</td><td><input type="text" id="aln' + column + '"></td></tr>';

只是"和'

的问题

更新：

iHtml = 'text"';      // whole text inside first `'` and next `'` will be treated as string. so correct way to use
iHtml = 'text's sample';   //  incorrect way to use, correct way is iHtml = 'text\'s sample'; or iHtml = 'text"s sample';

Answer 2

你对你的字符串连接感到困惑。

function addColumn(column){
    var iHtml;
    iHtml = '<tr><td  width="30%"><input type="checkbox"> ' + column + '</td><td><input type="text" id="aln' + column + '"></td></tr>';
    return iHtml;
}
$('#test').append(addColumn('t'));

此代码会将您的行追加到ID为test

的表格中

当您将问题标记为jQuery时，这是一种非常正式的方法：

function addColumn2(column){
    var chkBox = $('<input>')
                     .attr('type','checkbox');
    var txtInput = $('<input>')
                       .attr({
                           type:'text',
                           id:'aln'+column
                       });
    var col1 = $('<td>')
                   .css({width:'30%'})
                   .text(column)
                   .prepend(chkBox);
    var col2 = $('<td>')
                   .append(txtInput);
    var row = $('<tr>').append(col1).append(col2);
    return row;
}
$('#test').append(addColumn2('t'));

Example at jsFiddle

如何使用jquery设置列的宽度？

2 个答案: