如何在点击中更改div中的内容？

Question

尝试在点击时更改div中的某些内容。找到一个解决方案，但它只适用于ID。只更改一个div的内容。怎么解决？

$(document).ready(function () {    
$("#buttons a").click(function() {
    var id = $(this).attr("id");
    $("#pages div").css("display", "none");
    $("#pages div#" + id + "").css("display", "block");
    });});

这是Jsfiddle

更新。 编辑Jsfiddle一点点。这是图片：

Answer 1

您可以使用：nth-​​child :(）选择器获取第一个div。 阅读此Here

$(document).ready(function () {    
  $("#buttons a").click(function() {
    var id = $(this).attr("id");
    $("#pages div:nth-child(1)").css("display", "none");
    $("#pages div#" + id + "").css("display", "block");
  });
});

Answer 2

不确定我是否理解正确，但如果您想更改多个div的内容，可以这样做：

https://jsfiddle.net/Airrudi/mA8hj/139/

$(document).ready(function () {    
    $("button").click(function() {
        var content = $(this).data('content');   
        $('#pages .allowChange p').html(content);
    });    
});

如果这不是你想要的，你能详细说明一下你的问题吗？