我向用户返回他的笔记列表,当然可能有无限数量的笔记。我在文本超过80个字符时创建按钮。
通过单击此按钮,我想在其他按钮中单击并查找有关其父div的所有信息。我怎样才能做到这一点?
<div class="d-flex flex-wrap">
@foreach (var item in ViewBag.UserTodoList)
{
<div class="card" style="width: 32%; margin-left: 1%; margin-top:1%">
<div class="card-body">
<h5 class="card-title">@item.Name</h5>
@if (item.Body.Length > 80)
{
<p class="card-text">@item.Body.Substring(0, 80)...</p>
<button class="btn btn-info" id="1234">Прочитать</button>
}
else
{
<p class="card-text">@item.Body</p>
}
<a asp-controller="ToDo" asp-action="DeleteTodos" asp-route-todoId="@item.Id" class="btn btn-primary">Удалить</a>
</div>
</div>
}
</div>
像这样的东西:
const buttons = Array.from(document.querySelectorAll('.card .btn'));
function handleClick() {
const parent = this.parentNode; // here is parent
console.log(parent) // lets log it to console
}
buttons.forEach((button) => { button.addEventListener('click', handleClick);})
顺便说一句,你应该为你的按钮添加唯一的类。通过querySelectorAll
或getElementsByClassName
获取它们会更容易
我不是这方面的专家(对它来说也是新的)但我怎么做是添加button
一些类如ErrorClass
然后在script
我会做
$('.ErrorButton').click(function() {
var parent = this.parent(); // With this you get parent div container
});