javascript - jQuery 查找之前的元素

Question

我有下表

<table>
<tr class="ligneI">
<td class="col2b"><input type="text" id="desc" class="calcule"></td>
<td class="col2b"><input type="text" id="price" class="calcule"></td>
<td class="calculated_price">220.00</td>
<td class="calculated_price">1800.00</td>
<td><a title="" class="picto06 deleteLink" id="deleteLink1" href="#" onclick="resetfields(this);">delete</a></td>
</tr>
<tr class="ligneI">
<td class="col2b"><input type="text" id="desc" class="calcule"></td>
<td class="col2b"><input type="text" id="price" class="calcule"></td>
<td class="calculated_price">87.00</td>
<td class="calculated_price">40.00</td>
<td><a title="" class="picto06 deleteLink" id="deleteLink2" href="#" onclick="resetfields(this);">delete</a></td>
...

当我点击删除链接时，我想重置整个内容。

我尝试做这样的事情:

function resetfields(obj)
{
    $(this).parent().prevAll('td.calcule').html(' ');
    $(this).parent().prevAll('td input.calcule').val('');
}

但只有第一行删除我的链接之前的前两行。有人可以帮助我吗？

Ps:请原谅我的英语

Answer 1

试试这个:

$(this).closest('tr').find('td.calculated_price').html(' ');
$(this).closest('tr').find('td input.calcule').val('');