Создание динамической таблицы с помощью JQuery

Я создаю динамическую таблицу с JQuery, у меня есть динамическое количество строк и столбцов таблицы. Я хочу напечатать некоторый текст в столбце FIRST всех строк, кроме некоторого другого элемента управления в остальной части столбцов. Как я могу найти, если его первый столбец, если строка?Создание динамической таблицы с помощью JQuery

EDIT На самом деле я пытаюсь написать свой текст в то же время, когда создаю таблицу. Думаю, я должен сначала создать таблицу с пустыми строками и столбцами, а затем вставить текст?

источник

2014-01-21 V.B

Некоторый код того, что вы пытаетесь достичь, и то, что вы попробовали, поможет. – jammykam

Это полностью зависит от того, как вы создаете таблицу ... можете ли вы предоставить jsfiddle – Developer

Попробуйте

$("#someTable tr").each(function(){ 
    $(this).find("td:first").text("some value"); 
});

Одно замечание, хотя: Я обычно отговорить людей от создания динамических HTML структуры в JavaScript/JQuery. Я считаю, что это будет гораздо чище делать ут, используя некоторые шаблон, основанный решение привязки, как KnockoutJS или аналогичные: http://knockoutjs.com/

источник

2014-01-21 06:07:38 TGH

Не нужно ли брать идентификатор таблицы? –

Да, вы можете добавить это и там. – TGH

Рассмотрим у вас есть DIV и который имеет ID canvs

Ваша страница сценария

function create_table_element(rows,cols){ 

    var rand_id = makeid(); 
    var node1 = document.createElement("div");  
    node1.setAttribute('id', rand_id); 
    document.getElementById("canvas").appendChild(node1); 
    row=parseInt(rows); 
    col=parseInt(cols); 
    var tblid=makeid(); 
    var inner="<table id='"+tblid+"' class='draggable drsElement new_table_insert foreditor' border='1'></table>"; 
    $(inner).appendTo(node1); 
    var table=document.getElementById(tblid); 
    var num=row*col; 
    for(var i=0;i<row;i++) 
    { 
    var row1=table.insertRow(0); 
     for(var j=0;j<col;j++) 
     { 
     var cell1=row1.insertCell(0); 
     cell1.innerHTML="new column &nbsp;"+num; 
     num--; 
     } 
    } 

}

И ваша страница HTML

<html> 
    <head> 
    <script> 
     create_table_element(10,5); 
    </script> 
    </head> 
    <body> 
    <div id='canvas'> 
    </div> 
    </body> 
</html>

источник

2014-01-21 06:07:53

Создание динамической таблицы с помощью JQuery

ответ

Смежные вопросы