Найти значение можно разными способами:
$('table.class span.del').click(function(){
//var tdVal = $(this).closest('tr').find('.val').text();
var tdVal = $(this).parent().prev('.val').text();
console.log(tdVal);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="class">
<tr>
<td class="val">значение1</td>
<td><span class="del">удалить1</span></td>
</tr>
<tr>
<td class="val">значение2</td>
<td><span class="del">удалить2</span></td>
</tr>
<tr>
<td class="val">значение3</td>
<td><span class="del">удалить3</span></td>
</tr>
</table>
А как значение передать в ajax - уже дело ваше
parent - осуществляет поиск родительских элементов всех заданных элементов. Метод имеет один вариант использования:
prev - для каждого из выбранных элементов находит предшествующий ему элемент (но только если он лежит на том же уровне иерархии DOM).
closest - для каждого из выбранных элементов, closest()
будет искать ближайший подходящий элемент из числа следующих: сам выбранный элемент, его родитель, его прародитель, и так далее, до начало дерева DOM.
find - осуществляет поиск элементов внутри уже выбранных элементов.