用jQuery插入一个表列

前端之家收集整理的这篇文章主要介绍了用jQuery插入一个表列前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个数据表,我需要动态添加一列.说我有这个基本的表开始:
<table>
 <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr>
 <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr>
 <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr>
</table>

我想在每一行的单元格1和单元格2之间插入一列…我已经尝试了这个,但它不像我预期的那样工作

$(document).ready(function(){
 $('table').find('tr').each(function(){
  $(this).prepend('<td>cell 1a</td>');
 })
})

解决方法

尝试这个:
$(document).ready(function(){
    $('table').find('tr').each(function(){
        $(this).find('td').eq(0).after('<td>cell 1a</td>');
    });
});

您的原始代码将列添加到每行的末尾,而不是列之间.这将找到第一列,并在第一列旁边添加单元格.

原文链接:https://www.f2er.com/jquery/179784.html

猜你在找的jQuery相关文章