получить предыдущий элемент td для манипулирования в вызове Ajax

Question

Как бы я взял захват предыдущего элемента td в таблице, чтобы изменить его значение text значение внутри вызова Ajax?

Это то, что у меня есть до сих пор. Я думаю, что я правильно захватил элемент td и поместил его в переменную, однако я не могу получить предупреждение о появлении текста в элементе td, который я пытаюсь изменить, и я не могу изменить текст, м пытается сделать.

function ChangeStatus(id) { 
     var td = $(this).parent('td').prev(); 
     $.ajax({ 
      type: 'GET', 
      url: '@Url.Action("changeStatus","AgentTransmission")', 
      data: { id: id }, 
      dataType: 'json', 
      success: function (data) { 
       td.empty(); 
       td.html("Hold"); 
      } 
     }); 
    } 

Редактировать

Вот два td элементы, я работаю с. Когда пользователь нажимает ссылку Hold с событием ChangeStatus()onclick, я хочу иметь возможность изменить текст предыдущего элемента с Waiting на Hold.

<td> 
Waiting 
</td> 
<td> 
<a href="/AgentTransmission/Details/17">Details</a>   
    <span> | </span> 
    <a href="javascript:void(0)" onclick="ChangeStatus(17)" >Hold</a> 
</td> 
<td align=center id=17> 
</td> 

Answer 1

Во-первых, parent() получает только первого родителя, если вызывающий объект глубже в dom, вы его не получите. Вы должны использовать родитель(), но я бы рекомендовал использовать классы вместо имен тегов, что-то вроде этого:

$(this).parents('td.myClass').prev(); 

Вы также можете использовать:

console.log(myString); 

вместо предупреждений, вы можете увидеть результат в консоли, используя хром или поджигатель в светлячок

Надеется, что это помогает

Answer 2

Попробуйте получать td так:

var td = $(this).closest('td');