Question

我知道这个问题已在此处提出：Clicking a div changes another div's content

但我仍然遇到问题在我的页面上“转置”这个概念。

我目前有2个DIV元素，其中一个ID为“content”，另一个DIV称为“html”

基本上我想改变DIV“内容”的内容 - 当点击DIV“html”时。我将在未来添加3个其他div，所以我还需要知道如何将相同的东西应用到其他div。我知道这是一个多余的问题，但这是我第一次尝试使用JQuery，我想了解我正在做什么而不是复制和粘贴，希望在我真的没有线索的时候进行修改。当我学会钓鱼时，我不想被人送鱼。谢谢你提前。

Answer 1

<div id="footer">
        <div id="html">
           HTML DIV
        </div>
       <div id="content">
         <p>Please select a topic below.</p>
       </div>
</div>

$(document).ready(function(){  /// when document is loaded execute this function
    $("#html").click(function(){ //when element with id 'html' is click execute function  
       $("#content").html("NEW Text"); // replace contents of element with id 'content'  
     } );
});

$（“＃html”）与jQuery中包含的document.getElementById（“html”）等效。
     。
$（ “＃HTML”）单击（）;触发程序化点击事件：）

$（ “＃HTML”）点击（函数（）{警报（ “这里”）;}）; //注册单击id为'HTML'的元素时需要执行的函数

$（ “＃内容”）的HTML（）; //返回innerHTML

$（“＃content”）。html（“NEW”）; //更改innerHTML

<强> LIVE DEMO

Answer 2

如果您希望在单击某个div时发生某些事情，则需要注册事件处理程序。这就是这一行：

 $('#html').on('click', function(){});

这里的函数是事件处理程序。只要您点击ID为html的div，就会执行该功能因此，在此功能中，您可以更改其他div的内容：

 $('#content').html('New text for old div.');

如果您将此功能添加到您的功能中，那么当您点击html时，内容文本将会被更改。

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

2 个答案: