Jquery table cell

Question

Hello...This code produces a mess... What am i doing wrong???

 cell=$("<td>");
        if(normal.exam_type=="Exam_Boolean")
        {
            var input=cell.append("<input>").last();

            input.attr("type","hidden");
            input.attr("name","exam.exam_Normal['" +normal_id_unique + "'].boolean_v");
            input.attr("value",normal.normal_boolean);               

Answer 1

Rather than using cell.append(input) - which returns a reference to cell - try doing it "the other way around" as input.appendTo(cell):

var cell = $("<td>");
if(normal.exam_type=="Exam_Boolean")
{
    var input= $("<input />").appendTo(cell);
    input.attr("type", "hidden");
    input.attr("name", "exam.exam_Normal['" + normal_id_unique + "'].boolean_v");
    input.attr("value", normal.normal_boolean);
);

Answer 2

I'd do it this way:

var cell = $("<td></td>");
if(normal.exam_type=="Exam_Boolean")
{
    $("<input />").attr("type", "hidden")
          .attr("name", "exam.exam_Normal['" +normal_id_unique + "'].boolean_v")
          .attr("value", normal.normal_boolean)
          .appendTo(cell);
);

[newlines before dots are just for readability.]

You might also need to put the cell in the document somewhere before appending stuff. I'm not sure

Answer 3

It kind of depends what you want the code to do. If you want to append the input after the last item in cell, then try:

cell=$("<td>");
if(normal.exam_type=="Exam_Boolean")
{
    var input=cell.last().after("<input>");

    input.attr("type","hidden");
    input.attr("name","exam.exam_Normal['" +normal_id_unique + "'].boolean_v");
    input.attr("value",normal.normal_boolean);
};

If this does not do what you desire, maybe you should post some of the html code and a better description of what you want your code to do.