Hoe krijg ik het data-id attribuut?
Ik gebruik de jQuery quicksand plugin. Ik moet de data-id van het geklikte item krijgen en doorgeven aan een webservice.
Hoe krijg ik de data-id attribuut? Ik gebruik de .on()
methode om de klik gebeurtenis voor gesorteerde items te re-binden.
$("#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
Om de inhoud van het attribuut
data-id
te krijgen (zoals in<a data-id="123">link</a>
) moet je gebruik maken vanof
.data()
(als je nieuwere jQuery >= 1.4.3 gebruikt)en het deel na
data-
moet kleine letters zijn, bijv.data-idNum
werkt niet, maardata-idnum
wel.Als we deze attributen willen opvragen of bijwerken met behulp van bestaande, native JavaScript, dan kunnen we dat doen met de methoden getAttribute en setAttribute, zoals hieronder getoond:
Door middel van JavaScript
Door jQuery
Lees deze documentatie
Ik gebruik $.data - http://api.jquery.com/jquery.data/