我想改變背景顏色,當我點擊編輯按鈕。它的工作,但當我第一次點擊編輯按鈕,然後第一行突出顯示。第二次我點擊花葯編輯按鈕,然後第二行突出顯示。我想單擊時,我點擊在任何編輯按鈕上只有這一行突出顯示。那我該怎麼做呢?如何更改顏色點擊按鈕?
$('.edit_btn').click(function() {
$(this).closest('tr').find('.field_name').prop('contenteditable', true);
$(this).closest('tr').find('.field_name').css("background-color", "yellow");
});
我在圖像中附加了我的結構。 enter image description here
<form method="post" action="" name="city_list">
<table cellspacing="10" cellpadding="10" border="1" style="width:100%" class="">
<tbody>
<tr>
<th>Id</th>
<th>City</th>
<th>Action</th>
</tr>
<tr class="odd">
<td class="field_id">1</td>
<td class="field_name" style="background-color: yellow;">mumbai</td>
<td><input type="button" value="edit" class="edit_btn" name="edit"></td>
<td><input type="button" value="save" class="save_btn" name="save_btn"></td>
</tr>
<tr class="even">
<td class="field_id">2</td>
<td contenteditable="true" class="field_name" style="background-color: yellow;">pune</td>
<td><input type="button" value="edit" class="edit_btn" name="edit"></td>
<td><input type="button" value="save" class="save_btn" name="save_btn"></td>
</tr>
</tbody>
</table>
</form>
u能請提供的小提琴,以便我們能夠幫助您 –
你可以有一個數組和推將選定的行放入其中。或者你可以看看兩種方式的數據綁定,例如角度。 –
我們應該如何在看不到您的標記的情況下提供幫助? – Tom