单击按钮时删除一行

Delete a line upon button click

本文关键字：一行 按钮 删除 单击      更新时间：2023-09-26

我添加了一个名为"删除"的按钮，一旦用户单击一行，该按钮就会出现（如以下示例所示）。

我遇到了一个主要问题，但我希望在用户单击删除按钮后删除整行（及其消息、主题等）

下面是代码的直观呈现

http://jsfiddle.net/sKLxE/84/

目录 

<table id="results-table">
<tr>
  <th>User Name</th>
  <th>Score</th>
</tr>

Javascript/Jquery

 Parse.initialize("Y9G4OfBMyF5tWgLUddcaPCGNAxi3DsxNVcSCMd52", "m7mOLrORBEYyZsyjWgkZIuW9KYH8crUsRxqSmNc6");
    var GameScore = Parse.Object.extend("GameScore");
    var query = new Parse.Query(GameScore);
    query.equalTo("playerName", "Dan Stemkoski");
    query.find({
    success: function(results) {
    //alert("Successfully retrieved " + results.length + " scores.");
    // Do something with the returned Parse.Object values
    for (var i = 0; i < results.length; i++) { 
      var object = results[i];
      (function($) {
 $('#results-table').append('<tr class="results-row"><td>' + object.get('playerName') + '</td><td>' + object.get('score') + '</td></tr><tr class="xtra"><td colspan="2">' + object.get('message') +  '<br /><button> Delete </button>' + '</td></tr>');
})(jQuery);

      //alert(object.id + ' - ' + object.get('playerName'));
    }
    },
    error: function(error) {
    alert("Error: " + error.code + " " + error.message);
    }
    });
$(document).on('click' , '.results-row', function () {
  $(this).next('.xtra').toggle();
});

.CSS

.xtra {display: none; background: #ddd;}
.results-row {cursor: pointer;}

我真的很感激你的帮助。

您的问题非常不清楚，但听起来您想在单击删除按钮时删除分数行。在JSFiddle中构建HTML的方式，你可以这样做：

$('button').click(function() {
    $(this).parent().parent().prev().remove();
    $(this).parent().parent().remove();
});

更新的小提琴

相关文章：