如何使用jquery設置列的寬度？

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