我的 html 包含一个表,其结构如下
<table id="sample">
<tr class="new_input_field">
<td><input type="text" class="first_input" /></td>
<td><input type="text" class="second_input" /></td>
<td><a href="#" class="first_link">Button1</td>
<td><a href="#" class="second_link">Button2</td>
</tr><tr class="new_input_field">
<td><input type="text" class="first_input" /></td>
<td><input type="text" class="second_input" /></td>
<td><a href="#" class="first_link">Button1</td>
<td><a href="#" class="second_link">Button2</td>
</tr>
<tr class="new_input_field">
<td><input type="text" class="first_input" /></td>
<td><input type="text" class="second_input" /></td>
<td><a href="#" class="first_link">Button1</td>
<td><a href="#" class="second_link">Button2</td>
</tr>
</table>
对于我的 jquery 中的每一行,first_input 和 second_input 值更改的值会触发对服务器的调用,并且该行将被这样替换。
<tr id="AIK">
<td>some content</td>
<td>some other content</td>
<td><a href="#" class="first_link">Button1</td>
<td><a href="#" class="second_link">Button1</td>
</tr>
我的问题是当我单击动态替换行中的按钮时应该显示警报。我给了jquery
$('#sample tr td a.first_link').click(function () {
trid = $(this).closest('tr').attr('id');
if(trid.length > 0) { alert("Swap out will come soon"); }
});
这适用于新替换的行,并显示剩余两行的错误为
TypeError: Result of expression 'trid' [undefined] is not an object.
这些按钮应该只对新替换的行启用。我该如何解决这个问题?