How do i find children of an outer div by it's data-attribute

Question

Assuming i have a dvMainDiv as shown bellow with multiple children of type divs aswel. Now in my software the children have been added programmatically. Assuming the html is as shown below, how do get a child dive with a specific data-id.

<div id="dvMainDiv" class="dvMainDiv">
    <div id="dvChildDiv" class="dvChildDiv" data-id="1">
       <p>
         some text
       <p>
    </div>
    <div id="dvChildDiv" class="dvChildDiv" data-id="2">
       <p>
         some text 2
       <p>
   </div>
</div>

Say for instance, i want to get only the div with data-id of 1 and not 2, how do i do this in jquery.

JBaczuk · Answer 1 · 2015-02-04T00:05:23.640

0

for your code you would use the following:

$('*[data-id="1"]');

See http://jsfiddle.net/bgqd8xe6/

Edit to use a variable for the data-id use:

$('*[data-id="' + test + '1"]');

Note test must be a string

edited Feb 04 '15 at 00:05

answered Feb 03 '15 at 23:43

JBaczuk

13,886
10
58
86

assuming that 1 is to be replaced by a variable "test" containing 1, how do you concatenate that into your solution – floormind Feb 03 '15 at 23:59
It's just a string, so see edit. – JBaczuk Feb 04 '15 at 00:05

How do i find children of an outer div by it's data-attribute

1 Answers1