如何使用jquery和javascript更改div的內容？

我很新的JavaScript和jQuery。我想旋轉位於包裝div內的2 div的內容。一個div包含一張照片，另一個div包含一些樣式文本（h1，h3，p，span）。這是一個4衝浪板的畫廊，有4張照片和4個描述。我一直在試圖旋轉div的內容，當鏈接被點擊。包含照片的div旋轉正常。我可以在文本div（currentBoard）中獲得一個描述，但在此之後，唯一會改變的是照片，並且描述在被點擊的第一個上保持靜態。由於包含文本的div有一個已經應用的類，我使用id來旋轉內容。這個div的實際內容是在css中使用：after和：before和id作爲這個div的更改，我試圖將這些內容應用爲新id的內容。我只是無法讓文本內容div與照片div同步旋轉。下面的代碼是我現在擁有的，我已經嘗試了很多東西。 currentBoard是我想改變的文本div中的id。我假設我需要以某種方式先刪除舊的ID，然後添加新的，但我試過的一切都失敗了。任何幫助是極大的讚賞。謝謝！如何使用jquery和javascript更改div的內容？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(evt) { 
$("a:has(img.boardGallery)").click(function() { 
var largePath = $(this).attr("href"); 
var caption = $(this).attr("id"); 
var currentBoard = $("#currentBoard");  
currentBoard.attr({ id: caption }); 
$("#photo_large").attr({ src: largePath }); 
return false;  
}); 
}); 
</script>

來源

2014-05-19 kma1289

添加您正在使用的HTML – RacerNerd

切換ID不會改變div的內容。
如果你想改變在div中顯示的內容，你應該只在內部html中寫入一個新的值。

這是一個問題的鏈接顯示如何做到這一點： How to replace innerHTML of a div using jQuery?

如果你想有一個DIV消失，另一個顯示出來，你應該CSS屬性做到這一點，改變「display」屬性。你可以用jQuery中的Show（）和Hide（）來做到這一點。以下是顯示如何執行此操作的問題的鏈接： jquery show/hide div

來源

2014-05-19 23:27:28 RacerNerd

這很有幫助但是，如何在用戶單擊鏈接時使內容保持旋轉？身份證確實有效，但只能使用一次。我認爲使用remove/addClass（）函數可能會像圖像旋轉一樣，但我對如何編寫代碼本身感到困惑。 – kma1289

使用switch語句和.html（）我可以在點擊鏈接後獲取內容。希望有一個更清晰的方法來完成這一點。 – kma1289

如何使用jquery和javascript更改div的內容？

回答

相關問題