单击表格行时如何使用div显示数据

Question

我有一个页面，其中包含一个包含用户曲目的表格。

当您单击某一行时，我希望它在div中显示曲目详细信息。我已设法使用点击 + java脚本功能显示详细信息，但它显示了最后的曲目详细信息。

$(document).ready(function () {
    $("a#tracks").click(function () {
        $("div#track-info").toggle();
    });
});
$(document).ready(function () {
    $("a#close-box").click(function () {
        $("div#track-info").hide();
    });
});

我想通过 track_id 显示曲目详细信息？我怎么能得到它？

Answer 1

将所有ID更改为类并尝试以下

$(document).ready(function () {
    $('.row.navtopbg').hide();

    $(".tracks").click(function () {
        $('.track-info').show().find('.row.navtopbg:eq(' + $(this).index() + ')').show();
    });

    $(".close-box").click(function () {
        $(".track-info, .row.navtopbg").hide();
    });

});