Question

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>

我正在尝试这样做，所以单击一个链接将替换所有单元格中的内容，而不是仅仅在一个单元格中。

帮助？

Answer 1

您可以替换所有{{1的内容？

的内容

td

Answer 2

您的代码中存在多个问题。

我发现您多次指定id="fieldgame1"，请记住id对每个元素都应该是唯一的。
您可以使用类选择器而不是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/

使用Javascript和链接动态替换内容

2 个答案: