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

Question

我对javascript和jquery很陌生。 我正在尝试旋转位于包装div内的2 div的内容。 一个div包含一张照片，另一个包含一些样式化的文本（h1，h3，p，span）。 这是一个包含4个冲浪板的画廊，并且有4张照片和4个描述。 单击链接时，我一直在尝试旋转div的内容。 包含照片的div旋转正常。 我可以在文本div（currentBoard）中获得一个描述以进行旋转，但是此后唯一会改变的是照片，并且描述在第一个被单击的对象上保持不变。 由于包含文本的div已经应用了一个类，因此我使用id来旋转内容。 这个div的实际内容是在CSS中使用：after和：before，并且作为该div的ID的更改，我尝试将内容应用为新ID的内容。 我只是无法使文本内容div与照片div同步旋转。 下面的代码是我现在拥有的，并且我已经尝试了很多东西。 currentBoard是我要更改的文本div中的ID。 我假设我需要以某种方式先删除旧ID，然后再添加新ID，但是我尝试过的所有操作均失败了。 任何帮助是极大的赞赏。 谢谢！

<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>

Answer 1

切换ID不会更改div的内容。
如果要更改div中显示的内容，则只需将一个新值写入内部html。

这是显示问题的链接，该问题如何完成的： 如何使用jQuery替换div的innerHTML？

如果要使一个div消失而另一个显示，则应使用CSS属性并更改“ display”属性。 您可以使用jQuery中的Show（）和Hide（）来实现。 这是一个显示该操作方法的问题的链接： jquery show / hide div