jQuery选择表内的列表

时间:2015-06-07 10:36:36

标签: jquery

我有这个JSON数据

data = [
  {"1":"Term 1","2":"Term 2","3":"Term 3"},
  {"1":"CAT 1","2":"CAT 2","3":"EoY"}
]

并且需要创建一个表,其中第一个元素作为标题,第二个元素是表中的选择列表。

我的表有两行:到目前为止,这就是我所拥有的:

表结构

<div id='tableSearchDiv'>
    <table id='tableSearch'>
        <thead></thead>
        <tbody></tbody>
    </table>
</div>

创建表的功能:

function modalTableFirst(data) {
  //create a select box with  categories
  var sel = $("<select id=\'selectId\' name=\'selectName\' />");
  //create the options using the passed json element
  $.each(data[1],function(k,v){
    $("<option />",{value:k,text:v}).appendTo(sel);
  });

  //create the table headers for the results search
  var tContents = "";
  tContents += "<tr>";
  $.each(data[0],function(key,value){
    tContents += "<th>" + value + "</th>";
  });
  tContents += "</tr><tr>";

  $("#tableSearch").html(tContents);
}

我需要标题的每一列在第二行中具有相同的选择列表,如下所示

term1 term2 term3

[select] [select] [select]

我的问题是如何将选择列表附加到每列下的第二行?任何指针都非常感激

1 个答案:

答案 0 :(得分:0)

管理我想要提取select对象的outerHTML并连接到tContents

var extTags = sel.get(0).outerHTML;
tContents += "<tr><td>" + extTags + "</td></tr>"