$('#add').click(function(){
var tr_last = $('.formTable tbody tr:last');
$(tr_last).after($('.formTable tbody tr').eq(1).clone()).after($('.formTable tbody tr').eq(0).clone());
$('.formTable tbody tr').eq(0).find(':text[name="title"]').val("");
$('.formTable tbody tr').eq(1).find('textarea[name="textarea"]').remove();
$('.formTable tbody tr').eq(1).find(':radio[name="radio"]').remove();
$('.formTable tbody tr').eq(1).find(':checkbox[name="checkbox"]').remove();
});
这句怎么改,才能在点击按钮的时候让新添加的东西放到tr的下一行,在新的一行显示,现在是显示在tr的后面,跟tr在同一行里
var tr_last = $('.formTable tbody tr:last');
$(tr_last).after($('.formTable tbody tr').eq(1).clone()).after($('.formTable tbody tr').eq(0).clone());
$('.formTable tbody tr').eq(0).find(':text[name="title"]').val("");
$('.formTable tbody tr').eq(1).find('textarea[name="textarea"]').remove();
$('.formTable tbody tr').eq(1).find(':radio[name="radio"]').remove();
$('.formTable tbody tr').eq(1).find(':checkbox[name="checkbox"]').remove();
});
这句怎么改,才能在点击按钮的时候让新添加的东西放到tr的下一行,在新的一行显示,现在是显示在tr的后面,跟tr在同一行里
用法:append:Inserts content at the end of (but still inside) selected elements;
after:Inserts content after selected elements。
var td_last = $('.formTable tbody tr:last td');
$(td_last).append('<textarea name="textarea" rows="5"></textarea><br>');
$('#addradio').css('visible','hidden');
$('#addcheckbox').css('visible','hidden');
});
$('#addradio').click(function(){
var td_last = $('.formTable tbody tr:last td');
$(td_last).append('<input type="radio" name="radio" value="radio">{}');
});
$('#addcheckbox').click(function(){
var td_last = $('.formTable tbody tr:last td');
$(td_last).append('<input type="checkbox" name="checkbox" value="checkbox">{}');
});我想问的是上面三段代码中,当点击某个的时候,新添加的怎么在下一行显示,而不是在同一行显示
<fieldset>
<legend>New info</legend>
<table class="formTable">
<tbody>
<tr>
<th><input type="checkbox">{=_('标题')}</th>
<td colspan="3" class="length"><input type="text" name="title" value="" ></td>
</tr>
<tr>
<th>{=_('内容')}</th>
<td colspan="3">
Textbox<button class="btn" id="addtext">增加</button>radio button<button class="btn" id="addradio">增加</button>checkbox<button class="btn" id="addcheckbox">增加</button>
</td>
</tr>
</tbody>
</table>
<div class="edit">
<button class="btn" id="add">继续</button>
</div>
</fieldset>js代码
$('#addtext').click(function(){
var td_last = $('.formTable tbody tr:last');
$(td_last).append('<textarea name="textarea" rows="5"></textarea><br>');
$('#addradio').css('visible','hidden');
$('#addcheckbox').css('visible','hidden');
});
$('#addradio').click(function(){
var td_last = $('.formTable tbody tr:last');
$(td_last).append('<input type="radio" name="radio" value="radio">{}');
});
$('#addcheckbox').click(function(){
var td_last = $('.formTable tbody tr:last');
$(td_last).append('<input type="checkbox" name="checkbox" value="checkbox">{}');
});
$('#add').click(function(){
var tr_last = $('.formTable tbody tr:last');
$(tr_last).after($('.formTable tbody tr').eq(1).clone()).after($('.formTable tbody tr').eq(0).clone());
$('.formTable tbody tr').eq(0).find(':text[name="title"]').val("");
$('.formTable tbody tr').eq(1).find('textarea[name="textarea"]').remove();
$('.formTable tbody tr').eq(1).find(':radio[name="radio"]').remove();
$('.formTable tbody tr').eq(1).find(':checkbox[name="checkbox"]').remove();
//del();
});我想要的是当点击增加按钮的时候,textarea,radio,checkbox这些放在第二行里,而不是放在同一行里
Textbox<button class="btn" id="addtext">增加</button>radio button<button class="btn" id="addradio">增加</button>checkbox<button class="btn" id="addcheckbox">增加</button>这个的后面,我想要的是放在上面代码的下面位置