Javascript 如何使用行的id和link-jQuery的rel属性在特定表行内容上指向onclick事件
我动态生成了这个表Javascript 如何使用行的id和link-jQuery的rel属性在特定表行内容上指向onclick事件,javascript,jquery,Javascript,Jquery,我动态生成了这个表 <table> <tbody> <tr> <th>Email</th> <th>Name</th> <th>Date</th> <th>Action</th> </tr> <tr
<table>
<tbody>
<tr>
<th>Email</th>
<th>Name</th>
<th>Date</th>
<th>Action</th>
</tr>
<tr id="address-row-2">
<td><input type="text" value="com@com.com" id="email-1" class="email"></td>
<td><input type="text" value="John Doe 1" id="name-1" class="name"></td>
<td>1 September 2013</td>
<td><a href="#" class="orange" rel="edit-2">submit</a></td>
</tr>
<tr id="address-row-3">
<td><input type="text" value="com@com.com" id="email-2" class="email"></td>
<td><input type="text" value="John Doe 2" id="name-2" class="name"></td>
<td>2 September 2013</td>
<td><a href="#" class="orange" rel="edit-3>submit</a></td>
</tr>
<tr id="address-row-4">
<td><input type="text" value="com@com.com" id="email-3" class="email"></td>
<td><input type="text" value="John Doe 3" id="name-3" class="name"></td>
<td>3 September 2013</td>
<td><a href="#" class="orange" rel="edit-4>submit</a></td>
</tr>
</tbody>
</table>
如何将按钮的onclick事件指向其行id的输入。
更具体地说,如果我在第三行中单击submit按钮,我希望能够只编辑第三行的输入,只需使用
最近的在DOM中搜索:
$('input').click(function(){
var rowId = $(this).closest('tr').attr('id');
});
现场演示:您可以:
$(".orange").click(function() {
$(this).siblings("input:text").prop("disabled", false);
});
您需要遍历DOM以查找与单击的按钮相关的元素。试试这个:
$(".orange").attr('href', 'javascript:void(0)').click(function (){
var $row = $(this).closest('tr');
$("input.email, input.name", $row).addClass("show-border");
$("input.email, input.name", $row).removeAttr("disabled");
});
$(".orange").attr('href', 'javascript:void(0)').click(function (){
var $row = $(this).closest('tr');
$("input.email, input.name", $row).addClass("show-border");
$("input.email, input.name", $row).removeAttr("disabled");
});