单击按钮时Jquery切换元素

Question

我想在按下该歌曲的相应按钮时显示专辑名称和类别元素。我该怎么做呢？这是我目前拥有的jquery。感谢您的帮助。

$('.song-list-btn').each(function(i, obj) {
    $(this).on('click', function () {

    });
});

foreach (var item in Model)
{
               <button class="song-list-btn" type="button">
                   <span class="fa fa-bars" aria-label="Song Details Menu"></span>
               </button>

                @Html.EditorFor(model => item.AlbumName, new { htmlAttributes = new { @class = "form-control details", @placeholder = "Album Name" } })
                @Html.ValidationMessageFor(model => item.AlbumName, "", new { @class = "text-danger" })

                @Html.EditorFor(model => item.Category, new { htmlAttributes = new { @class = "form-control details", @placeholder = "Category Name" } })
                @Html.ValidationMessageFor(model => item.Category, "", new { @class = "text-danger" })
}

Answer 1

您需要的在这里： 下一个相邻选择器（“上一个 + 下一个”） http://api.jquery.com/next-adjacent-selector/