我有这个代码显示< tr>在我的表中,但是每次点击,它隐藏了当点击按钮时必须显示的文本框.
$(function() {
$('#btnAdd').click(function() {
$('.td1').show();
});
});
这是我在< table>
<button id="btnAdd" name="btnAdd" onclick="toggle();" class="span1">ADD</button>
<tr class="td1" id="td1" style="">
<td><input type="text" name="val1" id="val1"/></td>
<td><input type="text" name="val2" id="val2"/></td>
</tr>
解决方法
您有无效的标记.您需要将tr包装在table.something中,如下所示：
<button id="btnAdd" name="btnAdd" class="span1" >ADD</button> <table class="td1" style="display: block;" > <tr id="td1" > <td><input type="text" name="val1" id="val1"/></td> <td><input type="text" name="val2" id="val2"/></td> </tr> </table>
而js将是：
$('#btnAdd').on('click',function (e) {
e.preventDefault();
var elem = $(this).next('.td1')
elem.toggle('slow');
});
