Приветствую господа программисты.
Прошу помощи;
<tr>
<td></td>
<td>Name</td>
// .......
<td id='rform'>
<button type='button'>add</button>
</td>
</tr>
в этот td по клику на кнопку динамически добавляется форма;
$('td').on('click', 'button', function () {
var elem = $(this),
action = $(elem).attr('id'),
name = $(elem).parent().parent('tr').find('td:eq(1)').text(),
line = $(elem).parent('td');
switch(action) {
// ......
case 'send': _add_form_link(line, name); break;
// ......
}
}
function _add_form_link(line, name) {
var form = $('<div/>').attr({'class':'rform'})
.append(
$('<form/>').attr({'method':'post', 'action':'/options'})
.append(
$('<input/>').attr({'type':'hidden','value':name,'name':'name'}),
$('<input/>').attr({'type':'hidden','value':sett,'name':'sett'}),
$('<input/>').attr({'type':'text','name':'link','placeholder':'enter link'}),
$('<button/>').attr({'type':'button','id':'send'}).text('send'),
$('<button/>').attr({'type':'button'}).html('×')
)).appendTo($(line));
var left = ($(form).width() -10), persp = left +10;
$(form).css({
'left':'-'+ left +'px',
'top':($(form).height()/2 -$(line).height()/2 -7) +'px'
}).animate({'left':'-'+ persp +'px', 'opacity':1}, 300);
}
теперь по клику на send нужно найти tr родитель.
опыта мало. новичок.
$(this).parents('tr'); // не работает
$(this).closest('tr'); // тоже не работает
$(this).parent().parent().parent().parent('tr') // как ни странно но тоже нет :)