Hvordan får jeg data-id-attributten?
Jeg bruger jQuery quicksand plugin. Jeg har brug for at få data-id for det klikkede element og sende det til en webservice.
Hvordan får jeg data-id-attributten? Jeg bruger metoden .on()
til at genbinde klikbegivenheden for sorterede elementer.
$("#list li").on('click', function() {
// ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError);
alert($(this).attr("#data-id"));
});
<ul id="list" class="grid">
<li data-id="id-40" class="win">
<a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#">
<img src="themes/clean/images/win.jpg" class="project-image" alt="get data-id" />
</a>
</li>
</ul>
755
3
For at få indholdet af attributten
data-id
(som i<a data-id="123">link</a>
) skal du brugeeller
.data()
(hvis du bruger nyere jQuery >= 1.4.3)og delen efter
data-
skal være med små bogstaver, f.eks. vildata-idNum
ikke virke, mendata-idnum
vil virke.Hvis vi ønsker at hente eller opdatere disse attributter ved hjælp af eksisterende, native JavaScript, kan vi gøre det ved hjælp af getAttribute- og setAttribute-metoderne som vist nedenfor:
Gennem JavaScript
Til jQuery
Læs denne dokumentation
Jeg bruger $.data - http://api.jquery.com/jquery.data/