1
我使用的是asp.net核心剃须刀引擎。我根据我的数据库中有多少行填充我的html。我正在使用ajax从我的数据库中删除项目。它的工作原理,但我不知道如何隐藏刚删除的数据。当我使用$(this).hide()
时,它隐藏了删除按钮。当我尝试$(this).parent().hide()
时,我的所有数据都被隐藏了。jquery隐藏this.parent似乎隐藏一切
这里是我的代码
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.update').click(function(){
$(this).parent().submit(function(event){
event.preventDefault();
var $form = $(this);
url = $(this).attr("action");
term = $form.find("textarea[name='Description']").val();
var posting = $.post(url, { Description: term });
});
});
$('.delete').click(function(){ //This is my delete function
$(this).parent().submit(function(event){
event.preventDefault();
var $form = $(this);
url = $form.attr("action");
var posting = $.post(url);
$(this).parent().hide();
});
});
$('button').click(function(){
$('#New_Note').submit(function(event){
event.preventDefault();
var $form = $(this);
url = $form.attr("action");
term = $form.find("input[name='Note']").val();
console.log(term);
var posting = $.post(url, { Note: term });
posting.done(function(data) {
var content = $(data).find("#content");
console.log(content);
// <!--$("div").append(term);-->
var r= $('<p>term</p>');
});
});
});
});
</script>
@model ajaxNotes.Models.Home
<div class = "notes">
@{
if(ViewBag.Notes != null)
{
foreach(var note in ViewBag.Notes)
{
<p>@note.Note</p>
<form action="/delete/@note.Id" method="post" id="delete_note">
<input type="submit" name="submit" value="Delete" class='delete'/>
</form>
<form action="/AddDescription/@note.Id" method="post" class="update_note">
<label asp-for="Description" ></label>
<textarea name="Description" id="" cols="30" rows="10" class="Description">@note.Description</textarea>
<input type="submit" name="submit" class="update" value="Update"/>
</form>
}
}
}
</div>
<form asp-controller="Home" asp-action="AddNote" method="post" id="New_Note">
<label asp-for="Note" ></label>
<p><input asp-for="Note" class = "Note" name="Note"/> </p>
@{
if(ViewData["error"] != null)
{
<p>Please enter data for Notes</p>
}
}
<button type="submit">Add Note</button>
</form>
我建议不要使查询变得复杂,只需添加一个封装每个块并将其删除的div。这将导致未来的灵活性 –
@ A.J,谢谢。发布你的答案,以便我可以给你信用 – Aaron