javascript - Comment JQuery obtient-il l'ID de l'élément actuel via le bouton Point Mark (comment obtenir l'ID des données dynamiques)

Question

1. L'image dans l'image et les informations sur le candidat affichées sont toutes itérées par DataList. Le but est d'obtenir l'heure de l'examen correspondante, le code du sujet et d'autres informations en cliquant sur le bouton Marquer.

Pour y parvenir, cliquez sur le bouton Marquer pour renvoyer les informations du candidat actuel en arrière-plan pour traitement. Comment JS obtient-il les informations détaillées de la carte d'écriture manuscrite actuelle ? Ces images sont itérées dynamiquement et il n'y a pas d'identifiant ou de nom fixe. JQuery ne sait pas comment obtenir des informations uniques relatives à l'image.

Code de la page :

    <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

La pratique habituelle consiste à générer des indicateurs de données lors de la génération dynamique de dom, tels que data-index = 'KSSJ', lorsque jquery lie dynamiquement les événements de clic, utilisez $(e.currentTarget).data('index') pour obtenir . D'autres champs peuvent également être obtenus via l'objet e, et les attributs détaillés peuvent être parcourus à l'aide de console.log(e).