0

一連のボタンと、すべてのリスト項目がインライン スタイルの display:none を持つ UL があります。

ユーザーがボタンをクリックすると、特定のクラスの LI が表示されるようにしたいと考えています。例として、私のコード (機能しない jQuery で完成!) は次のようになります。

<script>
$(document).ready(function() {
    $('.countrySelect').click(function() {
        $(.Canada)
        .css('display','block')
    });
});
</script>

<button type="button" class="countrySelect" name="United-Kingdom">UK</button>
<button type="button" class="countrySelect" name="European-Union">EU</button>
<button type="button" class="countrySelect" name="Canada">Canada</button>

<ul>
  <li><span class="United-States Hosted">Amazon Flexible Payment System</span></li>
  <li><span class="United-States Hosted">Amazon Simple Pay</span></li>
  <li><span class="United-States Canada Onsite">Authorize.net</span></li>
</ul>
4

3 に答える 3

3 
 $('.countrySelect').click(function() {
        $(".Canada").css('display','block');
    });

jQuery セレクターの詳細を読む

于 2013-03-28T18:45:20.467 に答える
0

あなたはここで引用符を逃してい.Canadaます. この方法で試してください：

$(document).ready(function() {
    $('.countrySelect').click(function() {
        $('.Canada').css('color','red')
    });
});

これが実際の例です: http://jsfiddle.net/SrpVG/

于 2013-03-28T18:51:03.027 に答える
0

これを試して：

$(document).ready(function() {
    $('.countrySelect').click(function() {
        $(".Canada").show();
    });
});

セレクターを引用符で囲む必要がありましたが、show() の方が少し単純であることに気付くかもしれません (特に、<span>タグはデフォルトで display: inline であり、display: ブロックではないため)。

于 2013-03-28T18:47:10.423 に答える