您好我试图添加一行到表使用jQuery,但它不工作。可能是什么原因?
这里是代码:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $('a').click(function() { $('#myTable').childs('tr').append('<tr class="child"><td>blahblah<\/td></ tr>'); }); </script> <title></title> </head> <body> <a href="">Link</a> <table id="myTable"> <tbody> <tr> <td> test </td> </tr> </tbody> </table> </body> </html>
解决方法
我假设您要将此行添加到< tbody>元素,并简单地在< table>上使用append()将插入< tr>在< tbody>之外,可能有不希望的结果。
$('a').click(function() { $('#myTable tbody').append('<tr class="child"><td>blahblah</td></tr>'); });
编辑:这是完整的源代码,它确实工作:(注意$(document).ready(function(){});,这是不存在之前。
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('a').click(function() { $('#myTable tbody').append('<tr class="child"><td>blahblah</td></tr>'); }); }); </script> <title></title> </head> <body> <a href="javascript:void(0);">Link</a> <table id="myTable"> <tbody> <tr> <td>test</td> </tr> </tbody> </table> </body> </html>