Удалить строку при нажатии кнопки

Question

Я добавил кнопку «delete», где эта кнопка появляется после того, как пользователь щелкнул строку (как показано в примере ниже).

я с серьезной проблемой, но я хотел бы, что вся линия (вместе с сообщением, при условии, и т.д.) должны быть удалены, когда пользователь нажимает на кнопку удаления

Ниже визуальное представление кода

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

Html

<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;} 

Я очень ценю вашу помощь.

Answer 1

Ваш вопрос довольно неясен, но похоже, что вы хотите удалить строку оценки нажатием кнопки удаления. Путь у вас есть HTML структурированы в вашем JSFiddle, вы могли бы сделать это следующим образом:

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

Updated Fiddle