javascript - Wie erhält JQuery die ID des aktuellen Elements über die Punktmarkierungsschaltfläche (wie erhält man die ID dynamischer Daten)?
PHP中文网
PHP中文网 2017-05-19 10:18:00
0
2
768

1. Das Bild im Bild und die angezeigten Kandidateninformationen werden alle von DataList iteriert. Der Zweck besteht darin, die entsprechende Prüfungszeit, den Betreffcode und andere Informationen zu erhalten, indem Sie auf die Schaltfläche „Markieren“ klicken.

Um dies zu erreichen, klicken Sie auf die Schaltfläche „Markieren“, um die Informationen des aktuellen Kandidaten zur Verarbeitung zurück in den Hintergrund zu senden. Wie erhält JS die detaillierten Informationen der aktuellen Handschriftkarte? Diese Bilder werden dynamisch iteriert und es gibt keine feste ID oder einen festen Namen. JQuery weiß nicht, wie man eindeutige bildbezogene Informationen erhält.

Seitencode:

    <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>
PHP中文网
PHP中文网

认证0级讲师

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

parent() 取直接父级元素
parents() 取所有祖先元素
世界只因有你

通常的做法,在动态生成 dom 的时候, 同时生成数据标志,例如 data-index = 'KSSJ', jquery 动态绑定 click 事件的时候,用 $(e.currentTarget).data('index')获取。其它字段也都可以通过 e 这个对象获取到,详细属性答主可以 console.log(e) 浏览。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage