javascript - 在特定行之后添加表行

Question

我在这里尝试添加一个新行按钮的onclick事件，它应该被添加到某一行之后<tr class="email"> .

这里是我正在尝试的示例代码

html:

<table>
<tr>
    <td>phone</td>
    <td>akfg</td>
    <td>akfg</td>
    <td>akfg</td>
    <td>akfg</td>
</tr>
<tr class="email">
    <td>email</td>
    <td>akfg</td>
    <td>akfg</td>
    <td>akfg</td>
    <td>akfg</td>
</tr>
<tr>
    <td>im</td>
    <td>akfg</td>
    <td>akfg</td>
    <td>akfg</td>
    <td>akfg</td>
</tr>
</table>
<button>click me</button>

js

$(document).ready(function () {
var strVar = "";
strVar += "  <tr>";
strVar += "        <td>email<\/td>";
strVar += "           <td>akfg<\/td>";
strVar += "           <td>akfg<\/td>";
strVar += "           <td>akfg<\/td>";
strVar += "           <td>akfg<\/td>";
strVar += "    <tr>    ";
strVar += "        ";

var priIm = true;

$('button').on('click', function () {
    if (priIm) {
        $('table').append(strVar);
        priIm = false;
    } else {
        (strVar).insertAfter($('tbody .email'));
    }
  });
});

是的，已经试过了append()功能也一样。 <强> link

Answer 1

像这样使用 .after() -

$('tr.email').after(strVar);

演示 -----> http://jsfiddle.net/p3qKS/