我有兩個問題。我正在使用 ado .NET Core。我想顯示一系列帶有酒名的按鈕。當用戶單擊 Javascript 函數時 - 它會顯示葡萄酒的歷史記錄。第一個問題：Javascript 函數工作正常，但僅適用于列表的第一個按鈕。第二個問題：函數返回給我的 JSON 對象的第二個元素一開始必須包含“display: none”。這是代碼：（謝謝）<ul>                    @foreach(var item in ViewBag.Vini)                    {                         <li class="col-lg-12 col-sm">                                <input type="hidden" class="tipoVino" value="@item.TipoVino"/>                                <input type="hidden" class="nomeVino" value="@item.NomeVino"/>                                <button type="button" class="btnPost" value="@item.NomeVino">@item.NomeVino</button>                        </li>                    }                </ul>$(document).ready(function () {    $('.btnPost').on('click', function () {        document.getElementById("text1").style.display = "none";        document.getElementById("text1").style.display = "block";        var item1 = $('.nomeVino').val();        var item2 = $('.tipoVino').val();                $.ajax({            type: "POST",            url: "?handler=Send",            beforeSend: function (xhr) {                xhr.setRequestHeader("XSRF-TOKEN",                    $('input:hidden[name="__RequestVerificationToken"]').val());            },            data: JSON.stringify({                Item1: item1,                Item2: item2            }),            contentType: "application/json; charset=utf-8",            dataType: "json",            success: function (response) {                var dvItems = $("#text");                dvItems.empty();                $.each(response, function (i, item) {                    var $tr = $('<p id=par' + i + '>').append(item).appendTo(dvItems);                 });            },            failure: function (response) {                alert(response);            }        });    })});