javascript - Bagaimanakah JQuery mendapatkan ID elemen semasa melalui butang tanda titik (bagaimana untuk mendapatkan ID data dinamik)

Question

1. Imej dalam gambar dan maklumat calon yang dipaparkan semuanya diulang oleh DataList Tujuannya adalah untuk mendapatkan masa peperiksaan yang sepadan, kod mata pelajaran dan maklumat lain dengan mengklik butang markah.

Untuk mencapai ini, klik butang tanda untuk menghantar maklumat calon semasa kembali ke latar belakang untuk diproses. Bagaimanakah JS mendapatkan maklumat terperinci kad tulisan tangan semasa? Gambar-gambar ini diulang secara dinamik, dan tiada ID atau nama tetap JQuery tidak tahu cara mendapatkan maklumat berkaitan gambar yang unik.

Kod halaman:

    <asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
        <ItemTemplate>
            <p class="col-lg-12">
                <p class="col-md-4 kmdm" style="margin-top: 5px">科目代码：<%#Eval("TJ_KM_DM")%></p>
                <p class="col-md-4 kssj" style="margin-top: 5px">考试时间：<%#Eval("KSSJ") %></p>
                <p>
                    <input class="jddz" type="text" value="<%#Eval("KSSJ").ToString()+Eval("TJ_KM_DM").ToString().Trim()+Eval("KS_ZKZ")%>" /></p>
                <p class="col-md-4">
                    <input style="margin-bottom: 5px" value="未标记" class="chexSign btn btn-success" type="button" onclick="signCard(this)" /></p>
                <img src="../../img/200701/0094/010207301376.jpg" alt="Responsive image" class=" well well-lg img-responsive img-thumbnail " />
            </p>
        </ItemTemplate>
    </asp:DataList>

Answer 1

function signCard(item){
    var parentp = $(item).parents(".col-lg-12"); // 外层的　p
    var time = parentp.find(".kssj").text(); // 这里取你想要的信息
    console.log(time);
}

parent() 取直接父级元素
parents() 取所有祖先元素

Answer 2

Amalan biasa ialah menjana bendera data apabila menjana dom secara dinamik, seperti indeks data = 'KSSJ', apabila jquery mengikat peristiwa klik secara dinamik, gunakan $(e.currentTarget).data('index') untuk mendapatkan . Medan lain juga boleh diperolehi melalui objek e, dan atribut terperinci boleh dilayari menggunakan console.log(e).