CSS selector for a div

Question

I have a number of DIVs on the page with class="row". I need a selector for one that had a child div with id="test".

<div class="row">
  <div class="col col-12">
    <div id="test">
      This is a test
    </div>
  </div>
</div>

How do I select that particular row?

div.row div#test

did not work for me.

I tried accessing it using

$('div.row div#test ').show();

but nothing happened.

`$('#test ').show();` did not work either... When I inspect the html, `display:none` for that element — Coding Duchess, Oct 08 '18 at 15:53
Are you repeating IDs? If you want the grandparent, then use .`parent().parent()` or `.closest('.row')` — j08691, Oct 08 '18 at 15:53
Why do you leave that blank space? try with $('div.row div#test').show(); Or you can try a jQuery approach with $('div.row').find('div#test').show(); — Marco Dal Zovo, Oct 08 '18 at 15:53

Glia · Answer 1 · 2018-10-09T09:50:32.383

0

$('div.row').has('div#test').show()

With $('div.row') you get the row's divs. The method 'has('div#test')` applies a filter on these elements but still returns the row divs. See jQuery.has()

Here is an example: jsFiddle

edited Oct 09 '18 at 09:50

answered Oct 08 '18 at 16:03

Glia

371
2
9

2

Please explain your answer, provide context, and / or links to documentation of the features that make this work. – nvioli Oct 08 '18 at 16:24

score -1 · Answer 2 · answered Oct 08 '18 at 15:50

-1

Maybe this works for you?

$('#test').parent().parent()

answered Oct 08 '18 at 15:50

Richard

27
5

score -1 · Answer 3 · answered Oct 08 '18 at 15:51

-1

You would only need to specify..... #test

answered Oct 08 '18 at 15:51

Scott

171
3
23

If the id is repeated in the page more times, specifying it won't do the trick – Marco Dal Zovo Oct 08 '18 at 15:58
ID's should be unique and only used once. If you want it used more than once use a class. – Scott Oct 10 '18 at 08:07

score -1 · Answer 4 · answered Oct 08 '18 at 15:55

-1

You can use jQuery .find helper to let it work with one or multiple same ids: $('div.row').find('div#test').show();

answered Oct 08 '18 at 15:55

Marco Dal Zovo

369
2
17

CSS selector for a div

4 Answers4