Question

我要用jquery在一行周围添加一个包装器。我做了几次尝试，但我无法做到。我只能通过一个html模板并填写但是在做orig.html（）我丢失了那里的任何输入选择值。

原创html：

    <table><tbody>
  <tr id="myitem1"><td>I need a coat1</td></tr>
  <tr id="myitem2"><td>I need a coat2</td></tr></tbody></table>

=== 我想使用jQuery来包装行并添加一个按钮单元格并获得结果：

 <table><tbody>
  <tr id="myitem1">
   <td>
    <table><tbody>
     <tr><td>I need a coat1</td></tr>
    </tbody></table>
   </td>
   <td><input type="button" value="click1"></td>     
  </tr>
  <tr id="myitem2">
   <td>
    <table><tbody>
     <tr><td>I need a coat2</td></tr>
    </tbody></table>
   </td>
   <td><input type="button" value="click1"></td>
  <tr>
</tbody></table>

Answer 1

我假设您想要获取每一行中的所有列，将它们包装到单个列中的表中，然后在该行中添加一列。

$('tr').each( function() {
   $(this).children().wrapAll('<td><table><tr></tr></table></td>');
   $(this).append('<td><input type="button" value="click1"></td>');
});

Answer 2

<script>
$(function(){
    var flowbox_table = $('img.flowbox').wrap('<table />');
    var flowbox_tr = $(flowbox_table).wrap('<tr />');
    var flowbox_td = $(flowbox_tr).wrap('<td />');
});
</script>

Answer 3

使用tr[id^='myitem']选择它。

选择器＆lt; tag＆gt; [＆lt; attr＆gt; ^ ='＆lt; prefix＆gt; ']选择{的所有元素属性tag的{1}}以attr开头。

以下是整个代码：

prefix

希望这有帮助。

jQuery如何包装表格单元格

3 个答案: