присвоение значения строке таблицы и удаление ее в jquery

0

Я хочу дать идентификатор каждой строке в HTML, и когда я ввожу это значение в текстовое поле, я хочу, чтобы jquery удалял эту строку.

Я построил эту скрипку

http://jsfiddle.net/vYAq9/3/

$(document).ready(function(){

  $("#addbutton").click(function(){
     var uniqueid = $("#textbox1").val();
     var text = $("#textbox2").val();
     $("<tr><td>row content</td></tr>").val(uniqueid).html(text).appendTo("#table1");
  });

  $("#removebutton").click(function(){
      var uniqueid = $("#textbox1").val();
     //I want to find row with uniqueid, and remove it from the table
  });

});
Теги:

2 ответа

1
Лучший ответ
$(document).ready(function () {

    $("#addbutton").click(function () {
        var uniqueid = $("#textbox1").val();
        var text = $("#textbox2").val();
        $("<tr id=" + uniqueid + "><td>row content</td> </tr>").html(text).appendTo("#table1"); 
        // instead of value add an id | tr does not have a value!
    });

    $("#removebutton").click(function () {
        var uniqueid = $("#textbox1").val(); 
        $('#' + uniqueid).remove(); // use id to delete row with the same id
    });

});

FIDDLE

Поделиться
  • 0
    работал !! Спасибо ! вау вау !!! большое спасибо !!
  • 1
    Помните, что id должны быть уникальными, поэтому, если вы идете по этому пути, не забудьте добавить более одной строки с одним и тем же идентификатором.
Показать ещё 2 комментария
0

JSFIDDLE DEMO

  $("#removebutton").click(function(){
      var uniqueid = $("#textbox1").val();
      $('#' + uniqueid).remove();
     //I want to find row with uniqueid, and remove from table
  });
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню