如何选择选择器内的div？

Question

我想使用nameMachine选择div this.，但我无法找到如何选择它：

我可以使用以下代码获取此元素：

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

Answer 1

试试这个：

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

Answer 2

您可以使用find（）

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

您也可以使用children()，但是您需要经过这些孩子并搜索ID为nameMachine

的孩子

第三，你可以使用first()，这将是第一个孩子。但是，这个有点棘手，因为你必须确保你想要的div总是第一个。

Answer 3

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

或

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

Answer 4

试试这个

this.querySelector('#nameMachine');