jquery - jquery 按钮单击以作用于特定的 div 子级

Question

我有一组按钮，当它们被点击时，我希望第一个孩子没有 css 显示，第二个孩子有 css 显示块，对于所有按钮，它不太工作，这就是我有。

JS：

$(".btn").click(function () {
  $(".btn:nth-child(2)").css ({
    display: "none"
  });
  $(".btn:nth-child(1)").css ({
    display: "block"
  });  
});

.btn 的结构

<div id="bow" class="btn" data-filter=".bow">
  <img class="filter_icon" src="http://www.klossal.com/klossviolins/icons/bow_icon.png" alt="">
  <img class="filter_icon not_selected" src="http://www.klossal.com/klossviolins/icons/bow_icon_selected.png" alt="">  
</div>

Answer 1

$(".btn").click(function () {
  $(this).find("img:nth-child(1)").css ({
    display: "none"
  })
  .end()
  .find("img:nth-child(2)").css ({
    display: "block"
  });  
});