拼接字符串
程序员文章站
2022-05-30 09:15:37
...
<table border='1' class="box">
<thead>
<tr>
<th>标签名称</th>
<th>是否显示</th>
<th>标签顺序</th>
</tr>
</thead>
<tbody>
<tr>
<td>首页</td>
<td>
<select class="check">
<option>是</option>
<option>否</option>
</select>
</td>
<td>
<select class="number">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
</select>
</td>
</tr>
</tbody>
</table>
这是我项目中需要用到的表格的一部分,但是我这些表格是跟一些别的页面元素挂钩的,所以每次页面修改的话,这个表格也需要做相应的修改,不够智能;
所以我准备动态生成,然后append进元素里
如上面的select,我可以通过循环,把各个option生成,然后加入其中
var object = '';
for(var i=0;i<8;i++){
object += '<option>'+ (i+1) +'</option>'
}
str = '<td><select class="number">'+ object + '</select></td>';
需要注意的是,object要等于空,要不然会默认是undefined;
str2 = '<td><select class="check"><option>是</option><option>否</option></select></td>';
str3 = <td>首页</td>;
var str4 = '<tr>'+ str3 + str2 + str +'</tr>';
$('tbody').append(str4);
这样就可以动态的生成标签了;