javascript - jQuery 替换和添加新元素

标签 javascript jquery html-table

我有以下 HTML

 <tbody class="t_bdy">
          <tr class="Quotation_List_td">
            <td class="item"><a class="button2 crm_insert" href="#">Insert</a><a class="button2 crm_delta" href="#">Delete</a></td>
            <td class="Quotation_List_ItemTD description">&nbsp;</td>
            <td class="quantitiy">&nbsp;</td>
            <td class="unit_price">&nbsp;</td>
            <td class="discount">&nbsp;</td>
            <td class="total">&nbsp;</td>
          </tr>
          <tr class="Quotation_List_td">
            <td class="item"><a class="button2 crm_insert" href="#">Insert</a><a class="button2 crm_delta" href="#">Delete</a></td>
            <td class="Quotation_List_ItemTD description">&nbsp;</td>
            <td class="quantitiy">&nbsp;</td>
            <td class="unit_price">&nbsp;</td>
            <td class="discount">&nbsp;</td>
            <td class="total">&nbsp;</td>
          </tr>



        </tbody>

我需要插入新的 <tr>当我点击带有 .crm_insert 的按钮时类。

.crm_insert被点击,需要在当前位置插入一个新行。全部 其他行将向下移动。例如,如果单击第 3 行的插入,则 第 3 行将插入新行,当前第 3 行等将向下移动成为 第 4 行等

我怎样才能做到这一点?

所有答案都很好,但我只能接受一个:谢谢大家

最佳答案

我会尝试使用 closest()before()

$('a.crm_insert')
   .click(function()
    {$(this).closest('tr.Quotation_List_td').before(htmlcodeofyounewTRhere);}
    )

希望对你有帮助

关于javascript - jQuery 替换和添加新元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9565406/

相关文章:

javascript - jQuery "Slide"效果绕过 <br>

javascript - 为什么 instanceof 对 babel-node 下的 Error 子类的实例不起作用?

javascript - js文件中的eex语法或Phoenix代码

c# - 使用 jquery 打开 RDP 连接窗口 - 客户端

jquery - 在复选框选择上使用 jQuery 突出显示行

html - 如何使用 HTML 表格并仅用一个 <tr> 制作多行?

PHP编辑表A,显示到文本框然后保存到表B

javascript - 开发一个清理用户输入的电话号码的功能 - 作业警告

javascript - 为什么 "this"的值会改变。?

jQuery Cycle 2 响应式带居中幻灯片