How to selected a div inside a selector?

Question

I want to select the div nameMachine using this.but I can't find how to select it:

I can get this element with this code :

$(".switch").each(function(){
   console.log(this);
   $(this).css({
      'background-color': 'white',
      'border-style': 'solid',
      'border-color': 'inherit',
      'border-width': '3px',
   });
});

https://stackoverflow.com/questions/306583/how-to-get-the-children-of-the-this-selector — goosmaster, Mar 22 '17 at 09:40
@Chinito you were the first who answered and it works, so you can put an answer — Jerome, Mar 22 '17 at 09:41
Firstly, that element has an `id` so DOM traversal is redundant - just use that id. Secondly I'd suggest you familiarise yourself with the methods jQuery has, as this is a very basic request which you should be able to research yourself: http://api.jquery.com — Rory McCrossan, Mar 22 '17 at 09:42
@RoryMcCrossan I think I should gave more details because I need this redundant and I don't want to modify the part who change the css I just wanted to get the name to make something else after — Jerome, Mar 22 '17 at 09:44

score 0 · Answer 1 · edited Mar 22 '17 at 09:48

0

Try this:

$(".switch").each(function(){
   console.log(this);
   $(this).find('#nameMachine').css({
      'background-color': 'white',
      'border-style': 'solid',
      'border-color': 'inherit',
      'border-width': '3px',
   });
});

edited Mar 22 '17 at 09:48

M Hamza Javed

1,269
4
17
31

answered Mar 22 '17 at 09:40

Hajji Tarik

1,072
7
23

Nicholas · Answer 2 · 2017-03-22T09:49:12.837

0

You can use find()

$(".switch").each(function(){
   console.log(this);
   $(this).find('#nameMachine').css({
      'background-color': 'white',
      'border-style': 'solid',
      'border-color': 'inherit',
      'border-width': '3px',
   });
});

You can use children() as well, but then you would need to go through those children and search for the one with the id nameMachine

Third, you can use first(), this will take the first child. However, this one is a little tricky since you have to make sure that your wanted div is always first.

edited Mar 22 '17 at 09:49

answered Mar 22 '17 at 09:40

Nicholas

3,529
2
23
31

3

'#nameMachine) missing quotes – Sabrina Luo Mar 22 '17 at 09:42
Thank you, @Sabrina – Nicholas Mar 22 '17 at 09:44

score 0 · Answer 3 · answered Mar 22 '17 at 09:42

$(".switch").each(function(){
     console.log(this);
     $(this).find('#nameMachine').css({
          'background-color': 'white',
          'border-style': 'solid',
          'border-color': 'inherit',
          'border-width': '3px',
     });
 });

or

$(".switch").each(function(){
     console.log(this);
     this.querySelector('#nameMachine').css({
          'background-color': 'white',
          'border-style': 'solid',
          'border-color': 'inherit',
          'border-width': '3px',
     });
 });

score 0 · Answer 4 · answered Mar 22 '17 at 09:43

0

try this

this.querySelector('#nameMachine');

answered Mar 22 '17 at 09:43

Chinito

1,085
1
9
11

How to selected a div inside a selector?

4 Answers4