jQuery無法訪問表中的輸入字段

Question

我正在嘗試從動態加載的HTML更改輸入字段值。 但是，我似乎找不到正確的代碼。

這是我正在使用的代碼：

$.get('/js/dynamic/locations', function(newRow) {
    var existing_elem = $('.edit-table tr:last').after(newRow); 
    var appendedRow = $('table tr:last-of-type');
    appendedRow.find('td[data-th="Name"] > span').text(v.location_name);
    appendedRow.find('td[data-th="Name"] > input').val(v.location_name);
});

跨度文本正確更新，但是輸入值根本沒有更新。

這是newRow的值：

<tr>
  <td data-th="Name">
    <span class="edit-input-text"></span>
    <input class="inp input-edit" type="text" name="location_name" value="">
  </td>
  <td data-th="Address"><span class="edit-input-text"></span>
    <input class="inp input-edit" type="text" name="address" value="">
  </td>
</tr>

Answer 1

根據您的HTML結構和代碼，我可以確定它很好，並且輸入值確實已更新。

造成混淆的原因在於屬性和屬性之間的差異。 她們不一樣。 您如何測試輸入值已更改？

因為我正在Firebug中查看源代碼。 范圍會更新，但輸入值不會更新。

您需要理解，因為您正在使用val方法更新輸入-您正在設置輸入值屬性，而不是屬性。 除非直接使用setAttribute方法（jQuery中的attr ）進行更新，否則屬性不會改變。