-1

http://jsfiddle.net/bUjx7/42/

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'>
</script>

<script type='text/javascript'>
$(document).ready(function () {
    $('.fieldreplace a').click(function () {
        $('#fieldmatch, .fieldgame').hide();
        var region = $(this).data('region');
        $('#' + region).show();
    });
});
</script>

1 つのリンクをクリックすると、1 つのセルだけではなく、すべてのセルのコンテンツが置き換えられるようにしようとしています。

ヘルプ?

4

2 に答える 2

1

あなたは次のようなすべての対立を置き換えることができtdますか?

$('#tableId td').html('content to update on all cells');
于 2013-03-03T23:55:13.933 に答える
0

コードにいくつかの問題があります。

  1. 何度も指定しているようですが、要素ごとに一意である必要があることid="fieldgame1"を覚えておいてください。id
  2. すべての要素を選択するには、id セレクターの代わりにクラス セレクターを使用します。

ここで、セルのコンテンツをさまざまなクラスで作成し、クラスセレクターを使用してそれらを非表示/表示します。

HTML

<div class="fieldmatch" >2-5</div>
<div class="fieldgame1" >1-6</div>
<div class="fieldgame2" >6-1</div>
<div class="fieldgame3" >2-5</div>

CSS

.fieldgame1, .fieldgame2, .fieldgame3 {
    display:none;
}

JavaScript

$(document).ready(function () {
    $('.fieldreplace a').click(function () {
        $('#fieldmatch, .fieldgame').hide();
        var region = $(this).data('region');
        $('#' + region).show();
    });
});

コード例: http://jsfiddle.net/bUjx7/44/

于 2013-03-04T00:05:38.267 に答える