點擊一個div改變另一個DIV

的內容，我知道這個問題已經被問這裏：Clicking a div changes another div's content 點擊一個div改變另一個DIV

，但我仍然有問題「變調」我的網頁上的概念。

我現在有2 DIV元素一個以「內容」的ID和另一個DIV稱爲「html」

基本上我想改變DIV的內容「內容」 - 點擊DIV「HTML」的時候。另外還會有3個其他div，我將在未來添加，因此我還需要知道如何將相同的內容應用到其他div。我知道這是一個多餘的問題，但這是我第一次嘗試進入JQuery，我想了解我在做什麼而不是複製和粘貼，並希望在我沒有任何線索時進行修改。當我可以學會釣魚時，我不想被遞上魚。先謝謝了。

來源

2013-05-21 Michael Schmidt

代碼將是非常有益的。 –

請顯示您的（[sscce]（http://sscce.org/））HTML，以及您想要發生什麼（'HTML'之後'）。此外，[現場演示]（http://jsfiddle.net/）將非常有用。 –

「我知道這是一個多餘的問題」有關評論：你有什麼嘗試？ –

<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」）被equivaluent到的document.getElementById包裹在JQuery的（「HTML」）。。

$（「＃HTML」）點擊（）;觸發程序點擊事件:)

$（「＃HTML」）點擊（函數（）{警報（「這裏」）;}）; 。當ID爲 'HTML' 元素點擊

$（「＃內容」）HTML被執行//寄存器功能需要（）; //返回的innerHTML

$（「＃內容」）HTML（「NEW」）; //改變innerHTML的

LIVE DEMO

來源

2013-05-21 18:03:19

@ rahul maindargi非常感謝。對不起，我有點蠢蠢欲動，我沒想到我的網頁會被瀏覽，並且我打開了一百萬個窗口。一次爲我做了太多事情。那工作。 –

@MichaelSchmidt我只是看着你的jsfiddle，看起來像你有很多div與ID內容...通常是它的良好做法，只有一個元素與一個ID ...如果你想有多個元素，當你選擇內容..它很好地去與'class'而不是'id' ..並使用Jquery選擇器'$（「。className」）' –

我不明白類和ID之間的區別。我知道我可以在我的CSS上給我一些元素屬性和其他我只是ID的元素屬性。這是不是很好的實踐？ –

當你想要的東西，一旦你點擊某個DIV的事情發生，你會想註冊一個事件處理程序。這是此行會發生什麼：

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

這裏的功能是事件處理程序。每當你點擊編號爲html的div時，該功能將被執行。

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

如果你把這個給你的函數，那麼當你點擊的HTML內容的文本將被改變：
所以這個函數中，你可以改變其他分區的內容。

來源

2013-05-21 17:58:20 MentholBonbon

對不起，我在這裏新。 http://jsfiddle.net/JcuW3/ –

我的jsfiddle有點混亂。 –

@MichaelSchmidt我認爲你會想把你的小提琴發佈到你的問題身上，或者發佈一條評論。 – MentholBonbon

點擊一個div改變另一個DIV

回答

相關問題