jQuery无法从按钮序列化

Question

这是我的js文件：

$(function () {
$('div[name="button-clicked"] a.btn.btn-success').on('click', function (e) {
    e.preventDefault();
    const $button = $(this);
    const dataToSend = $button.serialize();
    debugger;

});

}）； 我选择名称为“ button-clicked”的div，然后在视图中添加它：

<div name="button-clicked">
                    @if (!(Model.UserLikedBooks.Where(ulb => ulb.IsDeleted == false).Select(ulb => ulb.BookId)).Contains(item.Id))
                    {
                        <a asp-controller="Book" asp-action="LikeBook" asp-route-bookId="@item.Id" name="button" class="btn btn-success">Like Book</a>
                    }
                    else
                    {
                        <a asp-controller="Book" asp-action="DislikeBook" asp-route-bookId="@item.Id" name="button" class="btn btn-success">Dislike Book</a>
                    }
                </div>

不确定是否可以通过这种方式显示两个不同的“ a按钮”，但是单击其中的一个按钮后是否可以序列化并获取数据，或者它真的可以与表单提交一起使用？ 因为使用我当前的JS文件，dataToSend =“”。