0

私はボタンのセットを持っています、それらがクリックされたとき、私は最初の子にcss表示ブロックを持たせ、2番目の子に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>
4

1 に答える 1

1
$(".btn").click(function () {
  $(this).find("img:nth-child(1)").css ({
    display: "none"
  })
  .end()
  .find("img:nth-child(2)").css ({
    display: "block"
  });  
});
于 2012-12-27T17:36:44.583 に答える