How to get an element by its data-itemindex?

Question

Suppose I want to get innerHTML of below <li> by its data-itemindex. i even don't know it is possible or not.

<li id="li:90" class="liGrid" data-itemindex="3" data-itemid="li:90" >
winoria</li>

i tried

alert($("li").find("[data-itemindex=3]").html());
alert($("li[data-itemindex='3']").text());

from How to select elements with jQuery that have a certain value in a data attribute array but doesnt help me.

`$("li").find("[data-itemindex=3]")` means find an element that matches `[data-itemindex=3]` **inside** `li`. That's the problem. You dont want an element **inside**, you want `li` directly. — Batu.Khan, Apr 14 '14 at 12:45
make sure your code is in [DOM Ready](http://learn.jquery.com/using-jquery-core/document-ready/) — Tushar Gupta - curioustushar, Apr 14 '14 at 12:47
@TusharGupta i am doing this thing on ajax success, and tried DOM READY but still i am getting blank alert — Shiva Roy, Apr 14 '14 at 12:57

score 1 · Answer 1 · answered Apr 14 '14 at 12:49

Use the CSS tag selector to locate the matching element/s within the DOM:

$("[data-itemindex=3]")

You can even do some more advanced selectors using a similar syntax:

[title~=flower] /* Selects all elements with a title attribute containing the word "flower" */
[lang|=en] /* Selects all elements with a lang attribute value starting with "en" */
a[src$=".pdf"] /* Selects every <a> element whose src attribute value ends with ".pdf" */
a[src^="https"] /* Selects every <a> element whose src attribute value begins with "https" */

Full documentation.

score 0 · Answer 2 · answered Apr 14 '14 at 12:41

0

You can use:

 $('li[data-itemindex="3"]').text();

or

 $('li[data-itemindex="3"]').html()

Working Demo

answered Apr 14 '14 at 12:41

Milind Anantwar

81,290
25
94
125

i am getting blank alert – Shiva Roy Apr 14 '14 at 12:53
yes, i tried it in ajax success, and that winoria i write on a earlier ajax success – Shiva Roy Apr 14 '14 at 13:29

score 0 · Answer 3 · answered Apr 14 '14 at 13:47

0

Try This:

var data = $('li').data('itemindex', 3).text();
alert(data);

answered Apr 14 '14 at 13:47

Bradley

490
3
9

How to get an element by its data-itemindex?

3 Answers3