javascript - 单击一个 div 会更改另一个 div 的内容

Question

我想要里面的内容<div class="tcw-content">更改，当单击另一个 div 时，但是我从未使用过 Ajax(也许不必在 Ajax 中完成，但我想不出 JS/CSS 方式，示例表示赞赏:))，有人会吗请问有什么例子吗？例如，用户将点击 <li id="tab-tab_700964" class="grp"><a>Group A</a></li>。点击热点后，上面提到的div里面的内容就会发生变化。

我怎样才能做到这一点？

Answer 1

您可以使用 jQuery , 例子:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#tab-tab_700964 a').on('click', function(){
      $('.tcw-content').html('hey');
    }); 
});
</script>

<li id="tab-tab_700964" class="grp"><a>Group A</a></li>
<div class="tcw-content">
    hello
</div>