How to insert a checkbox before an element by jQuery

Question

I have generated a table with JQuery csv2table plugin. How could I insert checkboxes in every table box?

Answer 1

I don't know the plugin, but in general .append() ^help and .appendTo() ^help should help you out here.

$('<input>', {
    type:  'checkbox'
}).appendTo(/* "#tableid" or "#tableid td" or "#tableid .tablebox" */ );

Update
In referrence to your comment. You can use jQuerys :nth-child ^help selector to have a query like I believe you want. For instance

.appendTo($('#table').find('tr:nth-child(3n)').find('td:nth-child(8n)'));

Answer 2

Or you can also use the insertBefore method:

Example:

$('<input type="checkbox" name="namehere" />').insertBefore('selector');

Answer 3

Assuming you want a unique id for each checkbox you can .append() the input using the .each() method in order to use the index for the id :

$('#yourTable').find('td').each(function(i,obj){
  $(obj).append('<input type="checkbox" id="checkbox'+i+'" name="checkbox'+i+'">');
});

Answer 4

$(function(){
    var counter=1;
    var chk="<input type='checkbox' id='chk_'"+counter+"'/>";

    $("table#t tr td").each(function(){
        $(this).append(chk);
        counter++;
    });
});

try here