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"
  });  
});