我有一个 ajax 调用附加到表行内图片的单击事件。单击图片并启动单击事件后,我需要从该行获取第一个和第二个 td
元素。我是 jQuery 新手,所以下面是我的最新尝试(不起作用..)。执行这些行后,变量 firstName
和 lastName
都将变为 undefined
$('.checkErrors').click(function () {
var firstName = $(this).parent('tr td:first-child').val();
var lastName = $(this).parent('tr td:nth-child(2)').val();
$.ajax({
type: 'GET',
url: '@Url.Action("GetErrors","AgentTransmission")',
data: { term: $(this).attr('id') },
.
.
});
});
这是一个示例表行。最后一个 td
元素中的图像包含 .click
事件。我想抓取包含文本“phinneas”和“ferbseven”的前两个。
<tr>
<td>
phinneas
</td>
<td>
ferbseven
</td>
<td nowrap>
7735
</td>
<td>
Agent
</td>
<td>
SAF
 
07070900
</td>
<td>
6/5/2013 10:35:38 AM
</td>
<td>
DANTAK
</td>
<td class="errorPlus">
Error
</td>
<td>
<a href="/AgentTransmission/Details/2358">Details</a>
<span> | </span>
<a href="/AgentTransmission/Edit/2358">Edit</a>
</td>
<td align=center id=2358>
<img src="/Content/images/magnify.gif" class="checkErrors" id=2358 alt="Program Details" />
</td>
</tr>
最佳答案
使用closest
var $tr = $(this).closest(´tr´);
var firstName = $tr.find('td:first-child').text();
var lastName = $tr.find('td:nth-child(2)').text();
此外,对于 td
元素,您需要使用 text
而不是 val
,因为它仅在输入控件上有意义。
关于asp.net-mvc-3 - 获取行中的第一个和第二个 td 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16989887/