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

标签 javascript html css ajax

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

我怎样才能做到这一点?

最佳答案

您可以使用 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>

关于javascript - 单击一个 div 会更改另一个 div 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16368350/

相关文章:

javascript - 循环中的 object.defineProperty

javascript - 如何在asp.net中单击按钮下载html文件?

javascript - 在网站 PHP 上注册时不显示错误

javascript - 按键事件,不希望的 native 行为

CSS 粘性页眉/页脚和完全拉伸(stretch)的中间区域?

JavaScript 游戏 : What should i know?

javascript - 我应该获取什么 height() 才能使列表填满屏幕?

javascript - 如何在 for 循环中复制 JavaScript

css - Webpack 和 PostCSS 单独设置

android - 在 Android 中显示可滚动的小部件