JQuery таблицы прочитать значение поля ввода

я создал место, системы управления, где вы можете создавать, удалять или редактировать топонимы.Я делать таблицы, где в каждой строке есть адрес кнопку " изменить " и " удалить " кнопку.В конце таблицы есть "создать новое место". Теперь, когда я нажимаю на "create new место" кнопку, а затем я получаю новую генерируется строка, где я могу написать новое название, отмените операцию и сохранить работу.

я хочу знать, чтобы сохранить операция, которая должна снять generated content и создать новую строку с именем, редактирование и удаление ячеек. Моя проблема заключается она работает только с одной строкой, но если у меня есть два названия в работу тогда, jquery не знает, на какой строке я нажал на кнопку ok, чтобы сохранить его.

Пример:

возникает Row1= Испании

возникает 2= Brasil

нажмите кнопку " ОК " в 2, 2 удалены с помощью jquery, имя row1, образующихся в placetable = неправильно!

Здесь код

<head>
  <script src="../jquery.js" type="text/javascript"></script>

$(document).ready(function() {
  $(".edit").click(function() {
    var id = $(this).attr("id");
    alert("edit "+id);
  });
  $(".delete").click(function() {
    var id = $(this).attr("id");
    alert("delete "+id);
  });
  $("#newbutton").click(function() {
    $("tr:last").after("<tr><td><input style='width: 80%' /></td><td class=ok>OK</td><td class=cancel>Cancel</td></tr>").ready(function() {
      $(".cancel").live("click", function() {
        $(this).parent().remove();
      });
      $(".ok").click(function() {
        var name = $(this).val();
        $(this).parent().remove();
        $("tr .edit:last").after("<tr><td>"+name+"</td><td class=edit>edit</td><td class=delete>delete</td></tr>");
      });
    });
  })
}); 
  </script>
</head>
<table border=1 id=table>
<tr><th>Name</th></tr>
<tr><td>Bombai</td><td id=1 class=edit>edit</td><td id=1 class=delete>delete</td></tr> 
<tr><td>London</td><td id=2 class=edit>edit</td><td id=2 class=delete>delete</td></tr> 
<tr><td>Rom</td><td id=3 class=edit>edit</td><td id=3 class=delete>delete</td></tr> 
</table><label id=newbutton>New Place</label>

Найдено 3 ответа:

jquery table read input field value

http://stackoverflow.com/questions/955195/jquery-table-read-input-field-value

Посмотреть решение →