Question

我的div中有一些按钮，当按下1时，我想改变其他按钮的样式，因此每次只有一个项目会突出显示。我的问题发生是因为它们有不同的颜色。因此，具体来说，我需要获取当前孩子的边框颜色并将其指定为自己的颜色。

以下是我的例子：

$('.myItem').click(function( 
    $(this).parent().children().not(this).css('background-color', 'white');

    $(this).parent().children().not(this).css('color', $('*').css('border-color'));
)}

有没有办法让当前的孩子就像我们使用$（this）一样？

Answer 1

您可以在.map()上使用children()，然后引用child。

$('.myItem').click(function() {
  $(this).parent().children().map((id, child) => {
    console.log(id, child);
    $(child).css('color', '#f00');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <p class="myItem">click me</p>
  <p>greetings</p>
  </div>

有没有办法在使用孩子时获得当前孩子（）

1 个答案: